Parágrafos aleatórios

Descrição:

Objetivo: Praticar a criação e manipulação da Documento Object Model (DOM).

Instruções:

  1. Crie um novo arquivo HTML e nomeie-o como index.html.
  2. Adicione o seguinte código HTML ao arquivo:
<!DOCTYPE html>
<html>
<head>
  <title>Exercício 1</title>
</head>
<body>
  <button id="criarElemento">Criar Elemento</button>
  <div id="container"></div>
  <script src="script.js"></script>
</body>
</html>
  1. Crie um novo arquivo JavaScript na mesma pasta do arquivo HTML e nomeie-o como script.js.
  2. Altere o arquivo de forma que quando um usuário clicar no botão “Criar Elemento” o seguinte aconteça:
    • Um novo parágrafo seja adicionado ao container.
    • Adicione um texto qualquer - Gere uma cor aleatória usando JavaScript - Utilize essa cor para alterar a cor de fonte do novo parágrafo

Dica:

  • Definir a cor de fonte do parágrafo usando CSS inline

Gostou? Não esqueça de avaliar o exercício:

Abra o formulário de avaliação