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;
}
}
if(recebeSorteio === aposta)
não bate com a lógica descrita para o jogo no HTML.