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:
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:
Clique no botão para gerar um novo cumprimento:
Refresque a página para gerar um novo cumprimento: