/Jogo-da-Velha-Rivals

Uma aplicação web que permite personalizar os símbolos 'X' e 'O' com imagens própria. Jogue com amigos e aproveite uma experiência visual única/ A web application that allows you to customize the 'X' and 'O' symbols with your own images. Play with friends and enjoy a unique visual experience.

Primary LanguageHTML

Jogo da Velha

Descrição

Jogo da Velha é uma aplicação web que permite aos jogadores personalizarem os símbolos 'X' e 'O' com imagens de sua escolha. O jogo inclui uma funcionalidade para exibir miniaturas das imagens escolhidas ao lado dos labels de seleção, com design esteticamente agradável.

Funcionalidades

  • Jogar Jogo da Velha com imagens personalizadas para 'X' e 'O'.
  • Visualizar miniaturas das imagens escolhidas ao lado dos labels de seleção de imagem.
  • Reiniciar o jogo.
  • Verificação automática de vitória ou empate.

Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript

Estrutura do Projeto

O projeto consiste em três arquivos principais:

  1. index.html - Define a estrutura básica da página, incluindo o tabuleiro do jogo e os elementos de seleção de imagem.
  2. style.css - Define o estilo da aplicação, incluindo a formatação do tabuleiro, botões e miniaturas das imagens.
  3. javascript.js - Contém a lógica do jogo, incluindo funções para carregar imagens, fazer movimentos, verificar vitórias e reiniciar o jogo.

Como Usar

  1. Clone o repositório para o seu ambiente local. 
    git clone https://github.com/igorcodigo/Jogo-da-Velha-Rivals.git
  2. Navegue até o diretório do projeto. 
    cd Jogo-da-Velha-Rivals
  3. Abra o arquivo index.html no seu navegador para visualizar a aplicação.

Estrutura do Código

HTML (index.html)

  • Estrutura básica da página com um tabuleiro de 3x3 para o jogo.
  • Labels e inputs para seleção de imagens personalizadas para 'X' e 'O'.
  • Botão para reiniciar o jogo.

CSS (style.css)

  • Estilos para o tabuleiro do jogo, células, botões e miniaturas das imagens.
  • Classe .hidden para ocultar as miniaturas das imagens antes da seleção.

JavaScript (javascript.js)

  • Funções para manipulação do DOM, carregamento de imagens, verificação de vitórias e lógica do jogo.
  • Manipuladores de eventos para inputs de imagem e movimentos no tabuleiro.

Licença / License

Este projeto está licenciado sob a Licença MIT A Licença MIT é uma licença de software permissiva, que é simples e de fácil entendimento. Ela permite que você reutilize o código, desde que mantenha a licença original e o aviso de copyright. Abaixo está o texto completo da Licença MIT:

"Permission is hereby granted, free of charge, to any person obtaining a copy", "of this software and associated documentation files (the 'Software'), to deal", "in the Software without restriction, including without limitation the rights", "to use, copy, modify, merge, publish, distribute, sublicense, and/or sell", "copies of the Software, and to permit persons to whom the Software is", "furnished to do so, subject to the following conditions:", "", "The above copyright notice and this permission notice shall be included in all", "copies or substantial portions of the Software.", "", "THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR", "IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,", "FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE", "AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER", "LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,", "OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE", "SOFTWARE."