Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vitorbizarra/exercicios-aula06-manipulacao-do-dom


https://github.com/vitorbizarra/exercicios-aula06-manipulacao-do-dom

Last synced: 1 day ago
JSON representation

Awesome Lists containing this project

README 

        
# Exercícios - Aula 06 - Manipulação do DOM



# Exercício 1

Crie uma página HTML com um botão e uma `
`. Quando o botão é clicado, a cor de

fundo da `
` deve mudar para uma cor aleatória. Obs.: Pode definir uma array com 5 cores que serão trocadas no click do botão. Para a escolha pode-se usar a classe

Math.randow (para escolher randomicamente) e Math.floor (arredondamento).



## Exercício 2

Crie uma página HTML com um campo de entrada de texto, um botão "Adicionar" e

uma lista de tarefas. Quando o usuário digita uma tarefa no campo de entrada e clica

no botão, a tarefa deve ser adicionada à lista.

Obs.: Para criar um novo elemento HTML utiliza-se o método createElement (Ex.: document.createElement('li');) e

para adicionar o novo elemento como filho de uma tag pode-se usar o método appendChild



## Exercício 3

Crie uma página HTML com um botão e um contador. Quando o botão é clicado, o

contador deve ser incrementado em 1 e o valor atualizado na página.



## Exercício 4

Crie uma página HTML que possui 2 campos e 4 botões (Somar, Subtrair, Dividir e

Multiplicar), ao colocar os números e clicar em um dos botões devem realizar a

operação escolhida.

Obs.: Antes de realizar a operação deve validar se foi digitado os números e se o usuário tentar dividir um número

por zero, deve mostrar a mensagem em um alert “Impossível dividir por zero”



## Exercício 5

Crie uma página HTML que conte o número de palavras em uma frase ou parágrafo

inserido pelo usuário. Exiba o resultado na página.