tengo 9 botones tipo 3x3 en los que si el select esta sleccionado como subir cada vez que haga click en un boton tiene que aumentarse +1 el boton y si esta seleccionado en bajar tiene reducirse en -1 pero no consigo hacerlo y en clase me han dicho que use el this y no se como funciona
function ejercicio2(){
var boton=document.getElementsByTagName("button");
var desplegable=document.getElementById("lista1");
alert(boton.value);
if(desplegable.value=='subir'){
this.value++;
}else{
this.value--;
}
}
<div id="ejercicio2" style="padding: 15px">
EJERCICIO 2 <br>
<button name="boton" id="b1" onclick="ejercicio2()">0</button>
<button name="boton" id="b2" onclick="ejercicio2()">0</button>
<button name="boton" id="b3" onclick="ejercicio2()">0</button><br>
<button name="boton" id="b4" onclick="ejercicio2()">0</button>
<button name="boton" id="b5" onclick="ejercicio2()">0</button>
<button name="boton" id="b6" onclick="ejercicio2()">0</button><br>
<button name="boton" id="b7" onclick="ejercicio2()">0</button>
<button name="boton" id="b8" onclick="ejercicio2()">0</button>
<button name="boton" id="b9" onclick="ejercicio2()">0</button>
<select name="lista" id="lista1">
<option value="subir">Subir</option>
<option value="bajar">Bajar</option>
</select>
</div>
<button>
para obtener el "valor" debes usarinnerHTML
ya quevalue
es para elementos<input>
this
para referirte al elemento pulsado dentro de la función que pasas aaddEventListener