Boas-vindas ao repositório do projeto Color Guess

README Translations:

• English
• Portuguese

---

👨‍💻 O que foi desenvolvido:

• Uma aplicação utilizando JavaScript, HTML5 e CSS3.
• Nesta aplicação é possível jogar um jogo de adivinhação de cores onde:
  • Dentro de uma possibilidade de cores o jogador deverá tentar adivinhar qual cor foi aleatoriamente selecionada como a cor certa;
  • A paleta de cores é apresentada por círculos coloridos;
  • Existe um botão para iniciar e reiniciar o jogo;
  • Ao selecionar uma cor um texto deverá informar se você acertou ou não a cor correta.

💡 Veja uma amostra a seguir:

Requisitos

1 - Adicione no seu site um título com o nome do seu jogo

Sua página deve conter um elemento html com o id title

O que será verificado:

• Existe um elemento com id é title.

2 - Adicione um texto com o código RGB a ser adivinhado

Sua página deverá conter um texto com a cor a ser adivinhada no formato rgb

O que será verificado:

• Se o id do texto é rgb-color;

• Se o texto contem os três números das cores RGB a ser adivinhada, no seguinte formato: (168, 34, 1).

3 - Adicione à página opções de cores para serem adivinhadas

Sua página deverá conter 6 círculos que deverão conter a classe ball

O que será verificado:

• Se existem 6 círculos como opção de cor de adivinhação;

• Se a largura e altura dos círculos possuem o mesmo tamanho;

• Se todos os círculos possuem a classe ball.

4 - Adicione cores nas bolas, elas devem ser geradas dinamicamente

As cores dos círculos são geradas por javascript

O que será verificado:

• As cores de cada um dos 6 círculos coloridos devem ser geradas via JavaScript ao carregar a página.

5 - Ao clicar em um círculo colorido, deve ser mostrado um texto indicando se está correto

Sua página deverá ter um texto que deverá mudar conforme a situação do jogo

O que será verificado:

• O id do elemento com o texto da resposta deve ser answer;

• Quando o jogo é iniciado, o texto exibido deve ser "Escolha uma cor";

• Se o círculo colorido for o correto, deve ser exibido o texto "Acertou!";

• Se o círculo colorido for o incorreto, deve ser exibido o texto "Errou! Tente novamente!".

6 - Crie um botão para iniciar/reiniciar o jogo

Sua página deverá contér um botão que possibilite iniciar e jogar novamente

O que será verificado:

• O botão deve ter o id reset-game;

• Ao clicar no botão, novas cores devem ser geradas via JavaScript e o elemento rgb-color deve ser atualizado;

• Ao clicar no botão, o elemento answer deve voltar ao estado inicial, exibindo o texto "Escolha uma cor".

Bônus

7 - Crie um placar que incremente 3 pontos para cada acerto no jogo

Sua página deverá conter um elemento que deverá marcar o placar da pessoa jogadora

O que será verificado:

• O elemento deve ter o id score;

• O valor inicial dele deve ser 0;

• A cada acerto, é incrementado 3 pontos ao placar;

• Ao clicar no botão reiniciar, o placar NÃO deve ser redefinido.