Tarefa 1.
Crie um input com type="number" e um botão. Quando o botão for clicado, exiba o número digitado acrescido de 5.
Tarefa 2.
Crie dois inputs com type="number". Quando o botão for clicado, exiba a diferença entre eles (primeiro menos segundo).
Tarefa 3.
Crie um input com type="date" e um botão. Quando o botão for clicado, exiba a data selecionada.
Tarefa 4.
Crie um input com type="date", um botão e um <ul> vazio com a classe .out-4. O usuário seleciona uma data. Quando o botão for clicado, crie um novo elemento <li> com a data selecionada e adicione à lista. Use concatenação e sintaxe abreviada. Cada clique adiciona um novo item.
Tarefa 5.
Crie um input com type="color" e um botão. Quando o botão for clicado, exiba a cor selecionada em um div como texto. A saída terá o formato #0f0f0f (pode variar dependendo do navegador).
Tarefa 6.
Crie um input com type="color" e um botão. Quando o botão for clicado, mude a cor de fundo do botão para a cor selecionada no input. Use (style.background =).
Tarefa 7.
Crie um input com type="color" e um botão. Quando o botão for clicado, mude a cor do texto do botão para a cor selecionada no input. Use (style.color =).
Tarefa 8.
Crie um input com type="color", um elemento <h1> com o texto "Hello", e um botão. Quando o botão for clicado, mude a cor de fundo do texto h1 para a cor selecionada. Use (style.background =).
Tarefa 9.
Crie três inputs com type="number" e um botão. Quando o botão for clicado, registre a média dos três números no console. Fórmula: (inp1 + inp2 + inp3) / 3