2

A minha dúvida nesse exercício é como manter fixo o meu total de pontos, por que sempre que é executado a função o valor muda e automaticamente ele volta ao valor 100.Então como eu deveria manipular esse span ? Ou minha abordagem foi muito errada no JS ?

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>exercicio-5</title>
</head>
<body>
    <p>
        Vamos criar nosso primeiro jogo! O usuário começa o jogo com 100 pontos. Deve ser apresentado 2 radio buttons,
        com os valores par e impar, e um campo de texto valor da aposta. Após selecionar preencher todos os campos, o
        usuário deve clicar em um botão jogar, então o sistema deve sortear um número aleatório de 1 à 30, e verificar
        se este número é par ou impar. Caso o número seja de acordo com o que o usuário apostou, deve-se somar a
        quantidade de pontos apostados ao seus pontos globais, caso seja diferente deve-se subtrair este valor. <br>
        Não deve ser possível clicar no botão jogar: <br>
        Não deve ser aceito nada além de valores numéricos, maior que zero, no campo valor da aposta.
        O sistema deve apresentar ao usuário qual número foi sorteado e informa-lo se o número é par ou impar. <br>
        Não deve ser possível clicar no botão jogar
        Caso o usuário não possua ou tente apostar uma quantidade de pontos maior do que possui.
        Caso o usuário não informe em qual tipo de número quer apostar.
    </p>
    <form name="formulario">
        <fieldset>
            <p>Vamos brincar !!!</p>
            <p>Escolha um número ENTRE 1 a 30 sendo ele par ou impar e click em jogar , a cada acerto o número escolhido será somano aos pontos caso erre o mesmo será subtraido.</p>
            <p>Boa Sorte !!!</p>
            <h3>Seu número total de pontos é <span id="totalDePontos">100</span></h3>
            <input type="radio" name="parOuImpar">Par
            <input type="radio" name="parOuImpar">Impar <br>
            <label for="valor">Valor da aposta</label>
            <input type="number" id="valor" min="1" max="30">
            <button onclick="geralNumeroAleatorio()">Jogar</button>
        </fieldset>
    </form>
    <script src="JS/javaScript.js"></script>
</body>
</html>

Código JS:

var recebeAposta = 0;
var sorteio = 0;

function geralNumeroAleatorio() {
    if(document.formulario.parOuImpar[0].checked == false && document.formulario.parOuImpar[1].checked == false){
        alert("Por favor escolha entre par ou impar !");
        return false;
    }

    var recebePontos = parseInt(document.getElementById("totalDePontos").innerHTML);
    recebeAposta = parseInt(document.getElementById("valor").value);

    if(recebeAposta < 0 || recebeAposta > 30){
        alert("Aposte números entre 1 a 30 ");
        return false;
    }

    if(recebeAposta > recebePontos){
        alert("aposta invalida");
        return false;
    } else{
        alert("ok");
    }

    sorteio = Math.floor(Math.random()* 30 + 1);
    if(sorteio %2 === 0){
        alert("O número sorteado foi " +sorteio+ " sendo ele Par");
    } else{
        alert("O número sorteado foi " +sorteio + " sendo ele Impar");
    }

    validarPontos(sorteio, recebeAposta);
}


function  validarPontos(recebeSorteio, aposta) {
    if(recebeSorteio === aposta){
        document.getElementById("totalDePontos").innerHTML += aposta
    } else{
        document.getElementById("totalDePontos").innerHTML -=aposta;
    }
}
3
  • Tirando o problema apontado na resposta abaixo, sua lógica está estranha. if(recebeSorteio === aposta) não bate com a lógica descrita para o jogo no HTML.
    – bfavaretto
    Commented 27/03/2018 às 18:08
  • Do jeito que está, a pessoa só ganha se o número sorteado for igual ao valor apostado.
    – bfavaretto
    Commented 27/03/2018 às 18:08
  • Nossa cara você esta certo, eu realmente estava achando que o usuário só ganharia se seu número fosse o sorteado .Obrigado pelo toque . Commented 27/03/2018 às 18:12

1 Resposta 1

3

Seu erro está no button. Sem especificar o tipo, ele por padrão é do tipo submit e está fazendo um refresh na página.

Coloque type="button" no botão e ele se comportará como um botão apenas para clique:

<button type="button" onclick="geralNumeroAleatorio()">Jogar</button>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .