/cardgame

Projeto 01 para mentoria

Primary LanguageJavaScript

Card Game

Um jogo de batalha de cartas no estilo Super Trunfo com temática em O senhor dos Anéis

Conteúdo deste Readme:

Resumo

O Jogo

O jogo tem como objetivo selecionar um atributo da escolha do usuário de um total de 3 de uma carta sorteada aleatoriamente de um total de 8 para batalhar contra a carta da máquina onde esta só será revelada após o resultado do duelo. Vence quem obter mais vitórias nos duelos após esgotar o número de cartas do jogo.

O usuário deverá conseguir:

  • Ver os efeitos de hover nos botões da página;
  • Clicar no botão de sortear uma carta;
  • Selecionar um atributo de 3 possíveis da carta sorteada em modo radio-button;
  • Clicar para jogar;
  • Ver o resultado do duelo;
  • Ver o placar;
  • Ver a quantidade de cartas restantes;
  • Clicar em próxima rodada;

Screenshots



Preview

Links

Meu processo

Tecnologias Utilizadas

  • Rafa-HTMLHTML
  • Rafa-CSSCSS
  • Rafa-JsJavaScript

O que foi aprendido

  • Redimensionar itens de visualização fixa da página com itens resultantes de funções e comandos;
  • Colocar Imagens de VAR após função de sorteio aleatório dentro de um enquadramento fixo que aparece na página após realizada função no JS;
  • Estilização de botões em modo hover e permanente;
  • Função no JS para dar retorno a valores de itens da lista e fazer a contagem da mesma mostrando ao usuário;

Autor