JSFiddle - React, Tailwind, and code Playground
HTML
<img src="side1.png" id="side" />
</br>
</br>
<label>P1</label>
<input type="text" id="campojogada1" value="" />
</br>
<label>P2</label>
<input type="text" id="campojogada2" value="" style="background:#CCC" />
</br>
<label>Placar 1</label>
<input type="text" id="placar1" value="" disabled="disabled" />
</br>
<label>Placar 2</label>
<input type="text" id="placar2" value="" disabled="disabled" />
</br>vcs ja jogaram
<input type="text" id="conte" value="" disabled="disabled" style="width:2%" />x
JavaScript
var count = 0;
var p1_placar = document.getElementById('placar1'),
p2_placar = document.getElementById('placar2'),
p1_jogada = document.getElementById('campojogada1'),
p2_jogada = document.getElementById('campojogada2'),
side = document.getElementById('side');
side.onclick = function(){
executar1();
};
function executar1() {
document.getElementById('conte').value = count;
if (count % 2 == 0) jogarr(p1_jogada, p2_jogada, p1_placar);
else jogarr(p2_jogada, p1_jogada, p2_placar);
}
function jogarr(jogad, jogad2, plac) {
var girar06 = 1 + Math.round(Math.random() * 5);
var imgs = new Array(null, "side1.png", "side2.png", "side3.png", "side4.png", "side5.png", "side6.png");
var pontos = plac.value;
for (i = 1; i <= 6; i++) {
if (girar06 == i) side.src = imgs[i]
}
if (jogad.value == girar06) {
pontos++;
alert('Vc acertou');
} else {
alert('VocĂŞ errou')
}
count++;
jogad.disabled = true;
jogad.style.backgroundColor = '#CCC';
jogad.value = "";
jogad2.disabled = false;
jogad2.style.backgroundColor = '#fff';
plac.value = pontos;
return count;
} // end jogarr