image

Access unlimited bootcamps and 650+ courses forever

60
%OFF
Article image
Belisnalva Jesus
Belisnalva Jesus22/10/2024 01:00
Share

Desafio de Projeto: Calculadora de Partidas Rankeadas

  • #HTML
  • #CSS
  • #JavaScript

Desafio de Projeto proposto pelo Expert Felipe Aguiar, tem como objetivo nos incentivar à prática através de exercícios e desafios.

image

Calculadora de Partidas Rankeadas - Utilizar:

  • Operadores
  • Laços de repetição
  • Funções,
  • E outras ...

Objetivo do Desafio de Projeto:

Criar uma função que recebe como parâmetro a quantidade de vitórias e derrotas de um jogador, depois disso retornar o resultado para uma variável, o saldo de Rankeadas deve ser feito através do calculo (vitórias - derrotas).

  • Se vitórias for menor do que 10 = Ferro
  • Se vitórias for entre 11 e 20 = Bronze
  • Se vitórias for entre 21 e 50 = Prata
  • Se vitórias for entre 51 e 80 = Ouro
  • Se vitórias for entre 81 e 90 = Diamante
  • Se vitórias for entre 91 e 100= Lendário
  • Se vitórias for maior ou igual a 101 = Imortal

Saída:

Ao final deve se exibir uma mensagem: "O Herói tem de saldo de {saldoVitorias} está no nível de {nivel}

Explicação do Código feito na IDE Visual Studio Code:

  • A função calculadoraRank() recebe as entradas de vitórias e derrotas do jogador.
  • O saldo é calculado como (vitórias - derrotas).
  • Com base no número de vitórias, o código determina o nível do jogador, usando operadores lógicos (if-else).
  • Dependendo do nível, uma imagem associada ao rank é exibida com a mensagem final.

Funcionalidade:

  • O jogador insere o número de vitórias e derrotas.
  • Ao clicar no botão "Calcular", o saldo e o nível são exibidos com a imagem e mensagem correspondente ao rank.

Acrescentei imagens variadas para um entretenimento mais otimizado.

Utilizei a IA generativa para gerar duas imagens Nalva-hero e o Frank e corrigir alguns bugs, as outras imagens foram aleatórias.

OBS.: As imagens são as mesmas dos jogos anteriores. Pois o meu objetivo e treinar as funções, parâmetros e por em prática os ensinos do professor!

https://github.com/BelisnalvaCosta/calculadora-rank.git

Page: https://belisnalvacosta.github.io/calculadora-rank/

Referências: Bootcamp GFT Start 6 - Lógica de Programação

Pesquisa e gerar imagens: Openai

Aceito sugestões, se gostarem deixe um ponto +1

Share
Comments (5)
Belisnalva Jesus
Belisnalva Jesus - 22/10/2024 23:32

Pessoal, fiquei muito feliz agora!!

Muito obrigada pelo feedback de vocês.


Então Ronaldo, na verdade eu sempre tive dificuldade no Front-end a parte de CSS é a pior, quebrei muito a cabeça para fazer alguns projetos básicos rodarem. Mas temos que praticar, um dia eu chego lá!! RS

Ronaldo Schmidt
Ronaldo Schmidt - 22/10/2024 16:29

Ficou top.

Realmente o front é a sua praia.

Poderia utilizar uma capa igual ao post como background e adicionar efeitos sonoros ,animacoes e uma musiquinha de fundo.

Parabens pelo sua dedicaçao.

Continue seu trabalho...

Luiz Café
Luiz Café - 22/10/2024 09:56

Parabéns pelo seu projeto! Muito sucesso na caminhada.

Regilene Silva
Regilene Silva - 22/10/2024 08:52

Muito legal, Beli!!

Carlos Soares
Carlos Soares - 22/10/2024 08:04

Parabéns. ficou bem legal seu projeto!