Praticando JavaScript no desafio da imersão dev da alura.

Overview

Super-Trunfo

O desafio consiste em criar o jogo de cartas super trunfo, que coloca duas cartas diferentes com atributos para batalhar, dependendo do atributo, vence a carta que tiver o maior valor. Como bônus o jogo ainda é responsivo se adaptando a maioria dos tamanhos de tela.

jogo super trunfo

🔧 Funçoes

Iniciar Jogo:

Ao clicar no botão "Iniciar Jogo" é sorteada uma carta para o jogador e uma para a máquina, porém só a carta do jogador e seus atributos é exibida ao usuário, deixando o botão de "Iniciar Jogo" desabilitado e habilitando o botão "Jogar".

jogo super trunfo

Jogar:

Para jogar basta selecionar um dos três atributos da carta, caso o usuário não selecione nenhum a carta já deixa um selecionado, e clicar no botão "Jogar" que logo em seguida será desabilitado, além de alterar o placar e mostrar se o usuário venceu, perdeu ou empatou, habilitando o botão "Sortear Carta".

jogo super trunfo

Sortear Carta:

Ao clicar em "Sortear Carta" o botão é desabilitado, habilitando o botão "Jogar", limpando a carta da máquina e mostrando somente a nova carta do usuário e seus atributos. Quando a máquina ou jogador atingir 10 pontos no placar o jogo informa o vencedor, deixando apenas o botão "Iniciar Jogo" habilitado para que um novo jogo seja iniciado.

jogo super trunfo

Feito Com:

HTML5 CSS3 JAVASCRIPT

Copyright © DavidWillian

You might also like...

Repositório do desafio técnico da para o processo seletivo da turma XP na Trybe

Repositório do desafio técnico da para o processo seletivo da turma XP na Trybe

Desafio Backend de Yuri Carvalho Desafio técnico para o processo seletivo da XP Inc. realizado por Yuri Carvalho utilizando: Link da API: https://yuri

Jul 25, 2022

API para o Desafio 2.1 - Consumindo um dataset de filmes

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Sep 14, 2022

Desafio FCamara do Aquecimento Programa de Formação

Desafio FCamara do Aquecimento Programa de Formação

Orange Notes | Esquenta Programa de Formação FCamara Read it in English O Orange Notes é uma plataforma onde você pode organizar seus cursos, vídeo au

Sep 16, 2022

desafio fábrica 2022

🌿 Zoo Zoo 🌿 challenge made in 24 hours to aprimorate my knowledge in ReactJS :) *(Projeto relacinado ao desafio da fábrica de softwares - 2022.2 Um

Nov 4, 2022

Desafio da RocketSeat, codar durante 21 dias seguidos

Desafio 21 dias codando by Rocketseat 🏆 Uma breve descrição sobre o que esse projeto faz e para quem ele é 🏁 Regras 🏁 Todos os dias, codar por pelo

Oct 21, 2022

Desafio 21 dias de código proposto pela Rocketseat.

21-days-of-code Desafio 21 dias de código proposto pela Rocketseat. As regras para participar do desafio são: Todos os dias, codar por pelo menos 1h;

Sep 17, 2022

Projeto desenvolvido como desafio técnico para uma vaga de estágio

Crud - Lista de Tarefas com React Sobre • Funcionalidades • Dependências • Como executar • Licença 📑 Sobre o projeto Projeto desenvolvido como teste

Oct 14, 2022

Alura Challenge Oracle One Logica de Programacion Latam

Alura Challenge Oracle One Logica de Programacion Latam Desafio 1 Encriptador de texto Este repositorio fue creado como solución al Challengue #1 prop

Jan 31, 2022

Juego del Ahorcado - Alura Challenges ONE

Juego del Ahorcado - Alura Challenges ONE

Juego del Ahorcado Segundo challenge de Oracle Next Education y Alura El desafío consiste en construir una página web que contenga el juego del ahorca

Nov 8, 2022
Owner
David Willian
Gosto de aprender sobre tecnologia, e estou dando meu melhor em HTML, CSS e JS.
David Willian
Códigos das aulas da Imersão FrontExpert

Imersão FrontExpert 01 Olá Dev, este repositório faz parte da Imersão FrontExpert, evento realizado durante os dias 11 à 13/04/2022. Para se inscrever

Daniel Castro 75 Nov 12, 2022
Este repositório contem o desafio do curso da rocketseat Ignite Conceitos do Nodejs

Projeto API TODO Nessa aplicação foi feita uma API, que é uma gerador de tarefas TODOS, onde o usúario pode cadastrar um name e um username, e a aplic

Macmiller Duarte de Andrade 1 May 12, 2022
Codelandia-Challenge-2-JordanShoes - Desafio da comunidade da Codelândia, realizada com React e Typescript.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

André Luís Martins de Oliveira 1 Jan 3, 2022
Desafio Gerador de senhas com Emojis - Tech da Semana 😁 🤩

Desafio Gerador de senhas com Emojis - Tech da Semana ?? ?? ?? Informações sobre o projeto O projeto foi desenvolvido com base no desafio do Discord d

Gabriel Borges 3 Nov 21, 2022
Instruções para desafio Edabit do V_Camp

V_Camp Desafio Edabit Instruções Olá, Bem-vindo ao V_Camp. Gostaríamos de propor a você um pequeno exercício. Vamos lá? Visite o site https://edabit.c

Valtech Brasil 1 Jul 10, 2022
O projeto do desafio da comunidade Ballerini no discord.

O projeto do desafio da comunidade Ballerini no discord. ?? Principais Tecnologias Utilizadas Expo React Native TypeScript ?? Screenshots Loading Home

Clean Software 8 Jul 21, 2022
Desenvolvido durante um desafio do servidor Ballerini no Discord! https://discord.gg/ballerini

Desafio Autenticação Node - Tech da Semana ⏰ ?? ?? Informações sobre o projeto O projeto foi desenvolvido com base no desafio do Discord da Rafaela Ba

Gabriel Borges 5 Jun 1, 2022
Projeto desenvolvido durante o Talent Fest Brasil - Laboratória SAP007, cumprindo o desafio da empresa Pravaler. 💪🏻💪🏽🧡

Desenvolvimento web (MVP) : Comparador de Cursos ?? Link da aplicação ?? Nossa equipe de Desenvolvedoras recebeu uma tarefa enviada pela empresa Prava

Suelen Escorcio 3 Jul 3, 2022
Grupo de Trabalho para o projeto do Desafio Chefão do XP 41 do Curso de FullStck da Gama Academy

Bem Vindos a Tech Dental ?? A Tech Dental é uma plataforma para gestão de prontuários de pacientes em clínicas odontológicas. Secretárias ou até mesmo

Helenilson Holamek 6 Jul 27, 2022
Repositório contendo o desafio para seleção do StartDB 2022.

O desafio da forca Olá! Você está prestes a iniciar o nosso desafio para a seleção do StartDB. Se você chegou aqui sem conhecer o StartDB, você pode e

<db> 56 Nov 12, 2022