Quiero que cada vez que se pulse en una tecla (en cualquier < button > con la clase " key ") el numero se añada a el input
<div id="calculator">
<div class="calc_keys">
<input class="input" id="input0" value="5"; type="text" name="fname">
<button class="operator suma">+</button>
<button class="operator resta">-</button>
<button class="operator mult">*</button>
<button class="operator div">/</button>
<button value="7" class="key">7</button>
<button value="8" class="key">8</button>
<button value="9" class="key">9</button>
<button value="4" class="key">4</button>
<button value="5" class="key">5</button>
<button value="6" class="key">6</button>
<button value="1" class="key">1</button>
<button value="2" class="key">2</button>
<button value="3" class="key">3</button>
<button value="0" class="cero">0</button>
<button class="punto">.</button>
<button id="borrar" class="borrar">Borrar</button>
<button class="igual">=</button>
</div>
</div>
Entonces he hecho esto:
/* VAR RESULTADO */
var input0 = document.getElementById("input0");
var teclas = document.querySelectorAll('.key');
function add(){
input0.value = teclas.value;
}
for (var i = 0 ; i < teclas.length; i++) {
teclas[i].addEventListener('click' , add ) ;
}
Con el ultimo bucle si pulso cualquier tecla con la clase " key " me aparece en el input "undefined". He probado a poner teclas.value en la declaración de variable pero entonces da el error " Cannot read property 'length' of undefined "