ex004.html

<!DOCTYPE html>

<html lang="pt-br">
    
        <head>

                <meta charset="UTF-8">

                <meta http-equiv="X-UA-Compatible" content="IE=edge">

                <meta name="viewport" content="width=device-width, initial-scale=1.0">

                <title> Aula 5 </title>

        </head>
    
        <body>

            <h1> Mais alguns testes bem de gay </h1>
        
            <style> 

            body {
                    font: normal 20pt Arial;
                    background-color: rgb(186, 248, 227);

            }

            </style>

    <script>

            //"var"+ .length = usado para mostrar quantos caracteres a string tem
            //"var"+ .toUpperCase() = usado para colocar todos os caracteres em maiusculos
            //"var"+ .toLowerCase() = colocará todos os caracteres em minusculo
        
            var nome = prompt('Diga um Nome')
            document.write(`Olá <strong>${nome}</strong>, O seu nome tem ${nome.length} letras <br>`)
            document.write(`Seu nome em maiúsculo fica <strong>${nome.toUpperCase()}</strong><br>`)
            document.write(`Seu nome em minúsculo fica <strong>${nome.toLowerCase()}</strong>`)
            //tem que usar a crase `` para declarar a variavel com ${}



    </script>
    
        </body>
</html>