Criando seu próprio jogo da velha com HTML e Javascript

Bootcamp "JavaScript Game Developer" - Digital Innovation One

Projeto desenvolvido com instruções de Vitor Ruschoni na trilha de estudo do Bootcamp "JavaScript Game Developer" da dio.me.

Link da base utilizada neste projeto: ruschoni02/jogo-da-velha.

---

Abaixo seguem modificações feitas em relação ao projeto base:

• Aplicado responsividade para a tag main, utilizando as medidas vw e vh e @media only screen and (orientation: portrait);
• Os quadrados do jogo foram envelopados por uma <div> com classe game para melhor organizar o conteúdo;
• O código foi refatorado com destaque em:
  • Uso do document.querySelectorAll() para a const quadrados;
  • Uso do 'spread operator' para parâmetros das funções;
  • Abaixo do quadro do game, enquanto jogo está ativo, aparece apenas o "Jogador", quando já foi finalizado irá aparecer o "Vencedor";
• Adicionado efeito sonoro para as jogadas e conclusão.

---

Projeto online em: jogo-da-velha-didi.netlify.app

---

Links Interessantes:

• HTML5
• CSS
• JavaScript
• Netlify
• freesound
• Font Awesome