Procurar…

Aqui está um exemplo de um gerador de cotação aleatória simples em HTML, CSS e JavaScript:

HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Gerador de Cotação Aleatória</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="container">
    <h1>Gerador de Cotação Aleatória</h1>
    <p id="quote"></p>
    <button id="generateBtn">Gerar Cotação</button>
  </div>

  <script src="script.js"></script>
</body>
</html>

CSS (style.css):

.container {
  text-align: center;
  margin-top: 50px;
}

h1 {
  font-size: 24px;
}

#quote {
  font-size: 18px;
  margin-top: 20px;
}

#generateBtn {
  padding: 10px 20px;
  font-size: 16px;
  margin-top: 20px;
}

JavaScript (script.js):

// Array de citações
var quotes = [
  "Acredite em si mesmo e todo o resto fluirá.",
  "O único lugar onde o sucesso vem antes do trabalho é no dicionário.",
  "A única maneira de fazer um excelente trabalho é amar o que você faz.",
  "A vida é 10% o que acontece com você e 90% como você reage a isso.",
  "Se você quer algo que nunca teve, você precisa estar disposto a fazer algo que nunca fez."
];

// Função para gerar uma citação aleatória
function generateQuote() {
  var randomNumber = Math.floor(Math.random() * quotes.length);
  document.getElementById('quote').innerHTML = quotes[randomNumber];
}

// Event listener para o botão de gerar cotação
document.getElementById('generateBtn').addEventListener('click', generateQuote);

Basta criar três arquivos separados – um arquivo HTML, um arquivo CSS e um arquivo JavaScript – com o código acima e salvá-los com os respectivos nomes. Em seguida, abra o arquivo HTML em seu navegador e você terá o gerador de cotação aleatória funcionando. Cada vez que você clicar no botão “Gerar Cotação”, uma citação aleatória será exibida na página.

1,7 rating based on 13 ratings

1,7 rating based on 13 ratings

Por gilberto.botaro@gmail.com

Eu sou um artista habilidoso ajudando você a criar coisas realmente bonitas e significativas em seu nicho. Meus trabalhos são esteticamente agradáveis em todas as formas e padrões. Trabalho com empresas e indivíduos e sempre encontro uma abordagem não padronizada para a tarefa.