Cumprimentos em HTML
 (Criados pelo Sr. ChatGPT)

Escreve HTML que apresente um cumprimento aleatorio a partir de uma lista 

Vai obter este código:

<!DOCTYPE html>

<html>

<head>

    <title>Cumprimento Aleatório</title>

    <script>

        function gerarCumprimento() {

            var cumprimentos = [

                "Olá!",

                "Oi, como vai?",

                "Bom dia!",

                "Boa tarde!",

                "Boa noite!"

            ];


            var index = Math.floor(Math.random() * cumprimentos.length);

            var cumprimento = cumprimentos[index];


            document.getElementById("mensagem").innerHTML = cumprimento;

        }

    </script>

</head>

<body>

    <h1>Cumprimento Aleatório</h1>

    <button onclick="gerarCumprimento()">Gerar Cumprimento</button>

    <p id="mensagem"></p>

</body>

</html>

Clique no botão para gerar um novo cumprimento:

2. Faça este 2º pedido:

O cumprimento muda com o refrescar da página

Obterá uma melhoria ao código original:

<!DOCTYPE html>

<html>

<head>

    <title>Cumprimento Aleatório</title>

    <script>

        function gerarCumprimento() {

            var cumprimentos = [

                "Olá!",

                "Oi, como vai?",

                "Bom dia!",

                "Boa tarde!",

                "Boa noite!"

            ];


            var index = Math.floor(Math.random() * cumprimentos.length);

            var cumprimento = cumprimentos[index];


            document.getElementById("mensagem").innerHTML = cumprimento;

        }


        // Chama a função para gerar um cumprimento assim que a página for carregada

        window.onload = gerarCumprimento;

    </script>

</head>

<body>

    <h1>Cumprimento Aleatório</h1>

    <p id="mensagem"></p>

</body>

</html>


Refresque a página para gerar um novo cumprimento:

3. Incorpore-o numa página do Google Sites:

Versão inicial

Clique no botão para gerar um novo cumprimento:

Versão melhorada

Refresque a página para gerar um novo cumprimento: