El error es claro: reemplazas el contenido del
<label>, el cual originalmente está compuesto únicamente por el
<input> y lo reemplazas por el resultado que deseas mostrar.
Te sugiero eliminar el
<label> o tenerlo aparte del
<input> y a este último asignarle el valor mediante la propiedad
value:
Código Javascript
:
Ver originaldocument.querySelector("[name=total]").value = suma;
Solo ten cuidado al realizar las operaciones ya que de la forma en la que tienes tu algoritmo, la suma se ejecutará cuando se pulse cualquier tecla mientras cualquiera de las cajas de texto tenga el enfoque. Si quieres que la suma se realice al pulsar la tecla de tabulación, necesitas
obtener el código de la tecla pulsada y compararlo con el
código ASCII de la tecla en mención el cual es el 9.
Por cierto, se escribe «vayan».
Un saludo