Eu estou fazendo o site de uma liga online, mas tenho um problema com a parte de rodadas. Estou tentando desabilitar o botão de voltar 1 rodada quando o valor da rodada é = 1, já que não existe rodada 0, -1 e outros. O problema é que quando eu uso o código abaixo, ele desativa a função de voltar 1 rodada até mesmo quando o valor é maior que 1. Acho que tem a ver com o fato de eu ter setado a variável rodada como 1 no início.
var rodada = 1
document.getElementById('numerodarodada').innerText = `${rodada}`
function rodadamenos() {
rodada = rodada-1
document.getElementById('numerodarodada').innerText = `${rodada}`
}
function rodadamais() {
rodada = rodada+1
document.getElementById('numerodarodada').innerText = `${rodada}`
}
if (rodada===1) {
document.getElementById('seta-esquerda').style.color = "gray"
document.getElementById('seta-esquerda').disabled = true
}
else {
document.getElementById('seta-esquerda').style.color = "green"
document.getElementById('seta-esquerda').disabled = false
}
<div id="numrodadas"><button id="seta-esquerda" onclick="rodadamenos()"><</button><span id="numerodarodada"></span>º RODADA<button id="seta-direita" onclick="rodadamais()">></button></div>
Já tentei utilizar um eventlistener porém continuou o problema.
rodadamenos()
rodadamais()
usar oif (rodada===1)
pois fora não resolve!