**Teste de Desenvolvimento Web** **Objetivo:** Criar uma página web interativa que exiba uma caixa de texto e um botão. Quando o botão for clicado, a cor de fundo da caixa de texto deve mudar aleatoriamente. **Passo a passo:** 1. **HTML5:** - Crie um novo arquivo HTML. - Adicione uma estrutura básica HTML5 com as tags `<html>`, `<head>` e `<body>`. - Dentro do `<body>`, adicione um elemento `<div>` com um `id` para identificá-lo, por exemplo, `id="caixaTexto"`. - Adicione um elemento `<button>` com um `id` para identificá-lo, por exemplo, `id="botao"`, e com o texto "Mudar Cor". 2. **CSS3:** - Abra a tag `<style>` dentro da tag `<head>` do seu arquivo HTML. - Defina um estilo para o elemento com o `id="caixaTexto"`, especificando sua largura, altura, cor de fundo inicial e alinhamento. - Defina um estilo para o elemento com o `id="botao"`, especificando sua aparência e alinhamento. 3. **JavaScript:** - Abra a tag `<script>` dentro da tag `<head>` do seu arquivo HTML. - Crie uma função JavaScript que será executada quando o botão for clicado. - Dentro da função, gere três números aleatórios entre 0 e 255 para representar os valores RGB da cor de fundo. - Atualize a propriedade `backgroundColor` do elemento com o `id="caixaTexto"` para a nova cor gerada. **Entrega:** - Desenvolva o teste seguindo os passos detalhados acima. - Envie o teste utilizando o [jsFiddle](https://jsfiddle.net/). - Além de fornecer o link para o jsFiddle com o código, explique brevemente como chegou ao resultado, destacando os principais passos e decisões tomadas durante o desenvolvimento. **Prazo de Entrega:** Sexta-feira, 23 de fevereiro.