Exercícios Práticos: DOM, Eventos e Storage

Utilize a tag <script> no final deste arquivo. Regra de Ouro: Não altere o HTML. Use apenas addEventListener e DOMContentLoaded!

1. Separando o JS do HTML

Remova a dependência do onclick. Capture o botão abaixo pelo seu ID e adicione um Event Listener de 'click' que mude o texto dele para "Fui clicado via Listener!".

2. Criação Dinâmica (createElement)

Digite algo no campo de texto e clique em adicionar. O seu JS deve ler o .value do input, usar document.createElement('li') e dar um append na lista vazia abaixo.

3. O Cronômetro (setInterval)

Crie uma lógica para um cronômetro. Ao clicar em "Iniciar", use setInterval para aumentar o número do visor a cada 1 segundo (1000ms).

0

4. Memória com Local Storage

Escolha um time no menu suspenso. O JS deve escutar o evento change do menu, atualizar o texto "Nenhum selecionado" e salvar a escolha no Local Storage.
Desafio: Ao recarregar a página, o código deve buscar o valor salvo no Storage e exibi-lo automaticamente.

Nenhum selecionado