image

Access unlimited bootcamps and 650+ courses

50
%OFF
Article image
Patrícia Ricardo
Patrícia Ricardo04/05/2022 12:06
Share

Projeto 3 - Jogo Estilo Genius - Órbi Web Games Developer

  • #HTML
  • #JavaScript
  • #CSS

Olá!! Realizei projeto prático proposto na aula do Bootcamp - Órbi Web Games , com o desafio de desenvolver um jogo da memória estilo Genius, utilizando HTML, CSS e Javascript, e gostaria de compartillhar. :)

Link para visualizar: Genius Game (patriciarodriguesr.github.io)

Desafios:

- [x] Adicionar display com nome do jogo

- [x] Adicionar pontuação realizada no display

- [x] Fazer com que a cor selecionada brilhe

https://github.com/PatriciaRodriguesR

Share
Comments (5)

RA

Rander Amaral - 10/12/2022 09:31

muito top!

Patrícia Ricardo
Patrícia Ricardo - 07/05/2022 20:22

Olá Geovane Ramirez ! Tudo bom?

Utilizando a função setTimeout().


//acende a proxima cor

let lightColor = (element, number) => {

number = number * 600;

setTimeout(() => {

element.classList.add('selected');

}, number - 250);

setTimeout(() => {

element.classList.remove('selected');

}, number + 200);

};


Geovane Ramirez
Geovane Ramirez - 07/05/2022 16:47

Parabéns, Patricia! Como você conseguiu fazer com que as luzes se apagassem após acender?

Roberlande Silva
Roberlande Silva - 04/05/2022 12:41

muito legal, estou prestes a iniciar essa tarefa 👏👏👏👏👏

Samuel Souza
Samuel Souza - 04/05/2022 12:23

Parabéns!