---
# System prepended metadata

title: Teste de Desenvolvimento Web
tags: [Front-end, Tech Lead]

---

**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.
