Eu tentei desenvolver um código para treinar os conceitos explicados no curso de Lógica de Progamação I, mas o texto não é exibido corretamente, aparecendo como um segundo botão na página.
O que eu estou fazendo de errado?
<meta charset="UTF-8">
<button onclick="rolagem()">Rolar<button/>
<script>
//alert("Bem-vindo ao Jogo de Caça-Níquel!");
//alert("Você inicia com R$ 500, por favor, digite o quanto deseja apostar e clique no botão 'Rolar' para iniciar!");
function pulaLinha() {
document.write('<br>');
}
function mostra(texto) {
document.write(texto);
pulaLinha();
}
var niquel_1 = 0
var niquel_2 = 0
var niquel_3 = 0
var dinheiro = 500;
var rolagens = [];
var qtdRolagens = 0;
var reset = 0
function rolagem() {
for (rolls = 1; rolls <= 3; rolls++) {
if (rolls == 1) {
niquel_1 = Math.round(Math.random() * 10);
} else if (rolls == 2) {
niquel_2 = Math.round(Math.random() * 10);
} else {
niquel_3 = Math.round(Math.random() * 10);
}
}
while (qtdRolagens < 3) {
rolagens.push(Math.round(Math.random() * 10));
qtdRolagens++;
}
if (niquel_1 == rolagens[0] && niquel_2 == rolagens[1] && niquel_3 == rolagens[2]) {
dinheiro = dinheiro * 5;
} else if ((niquel_1 == rolagens[0] && niquel_2 == rolagens[1]) || (niquel_1 == rolagens[0] && niquel_3 == rolagens[2]) || (niquel_1 == rolagens[0] && niquel_3 == rolagens[2])) {
dinheiro = dinheiro * 3;
} else if (niquel_1 == rolagens[0] && niquel_2 == rolagens[1] && niquel_3 == rolagens[2]){
dinheiro = dinheiro * 2;
} else {
dinheiro = dinheiro - 100;
}
return dinheiro;
}
mostra('Os números da máquina foram ' + niquel_1 + ' ' + niquel_2 + ' ' + niquel_3);
</script>