Eu fiz assim, coloquei uma mensagem diferente no fim

Eu fiz assim, coloquei uma mensagem diferente no fim =) :

<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="estilos.css">
<link href="https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap" rel="stylesheet">

<style type="text/css">

    h1, h3 {
        font-family: 'Coming Soon', cursive;
    }

    h1 + h1 {
        color: #11AB66;
    }

    h1 {
        color: #BBBAA2;
        display: inline;
    }

</style>

<script>

// Todas as funções :)

    function pularLinha() {
        document.write("<br><br><br>");
    }

    function exibir(conteúdo) {
        document.write("<h1>" + conteúdo + "</h1>");
        pularLinha();
    }



// Variaveis e condições :)

    var loginCadastrado = "alura";
    var senhaCadastrada = "alura321";

    var tentativa1 = 1
    var tentativa3 = 3

    while (tentativa1 <= tentativa3) {

        var loginInformado = prompt("Informe seu login");
        var senhaInformada = prompt("Informe sua senha");


        if( loginCadastrado == loginInformado && senhaCadastrada == senhaInformada ) {

            alert("Bem-vindo ao sistema " + loginInformado);
        } else {

            alert("Login inválido. Tente novamente");
        }

        tentativa1 = tentativa1 + 1
    }

    exibir("Você tentou entrar 3 vezes sem sucesso, enviamos um e-mail para verificar se é você mesmo :)")

</script>