Question

en esta ocasion les vengo con un codigo dificil de depurar se antes de seguir quiero aclarar que cada boton tiene un valor distinto, en cuestion no se si es correcto definir el valor de mi boton entre parentensis, prefiero el atributo data pero visto que no se como acceder a tal atributo por javascript nativo no lo uso. dicho esto voy al grano, necesito sumar todos los elementos contenidos en mi array y luego imprimirlos por pantalla, con el codigo a continuacion surgen algunos problemas que voy a listar
1.el codigo no es reconocido por el navegador y retorna
este aviso en la consola :"the function is not defined" a pesar de estar escrito todo bien.

2.el metodo innehtml no imprime nada en pantalla

1. ninguno de los botones cumple con su funcion

<button id="boton1" onclick="calculo()">calcular</button>
<button id="boton2" onclick="sumar(10)">producto1</button>
<button id="boton3" onclick="sumar(20)">producto2</button>

<span id="dato"></span> // en este espacio deberia imprimirse el resultado del calculo

var elementos = [];  // en este array deberian guardarse cada elemento cuando es presionado el boton agregar sin importar el orden

function sumar () {

//esta funcion deberia guardar el valor de mi  boton2 y boton3 en mi array, 
elementos.push(elemento);

}

function calculo() {

// esta funcion deberia sumar todos los valores de mi array y luego imprimirlos en la pagina

var resultado = elementos.length  
document.getElementById('dato').innerHTML = resultado

creo que no hace falta ningun detalle extra para comprender el problema

Answer 1

Hola @stevenpro97,

si el código que pudiste es literal, tenés varios problemas:

• el código JavaScript para ser reconocido como tal debe estar entre etiquetes <script> y </script>. Supongo que lo está, y que está en otro archivo al que estás llamando, pero por si acaso, te lo comento.
• la función sumar() recibe como parámetro los números 10 o 20 en el ejemplo, pero no está definida para aceptar ningún parámetro, y lo que se recibiría no está usado en ningún lugar.
  Tendrías que definirla como function sumar(elemento)
• la función calculo() no hace lo que debe. Si en sumar() estás agregando un elemento al vector, la cantidad de elementos no es la suma [salvo que solamente agregues elementos que valgan 1!]. Una de dos: o calculo() recorre el vector y lo suma, o sumar() en vez de agregar elementos, los va sumando, en cuyo caso no hace falta que sea un vector...
• después, asumiendo que copiaste y pegaste, a las líneas de la función calculo() les falta el ; final, con lo que al tener un error de sintaxis, la función está mal y no se define, lo que es consistente con el error.

Saludos cordiales!