estoy usando la función javascript onclick para hacer una función, pero devuelve un error Uncaught ReferenceError: addToCart no está definido, no sé por qué aquí está mi código
mi codigo javascript
function addToCart(){ var productname = $('pname').text(); var productid = $('productid').text(); var color = $('#color option:selected').text(); var color = $('#size option:selected').text(); var quantity = $('#qty').val(); $.ajax({ type: "POST", dataType: 'json', data:{ color:color, size:size, quantity:quantity, productname:productname, }, url: "cart/data/store"+productid, success:function(data) console.log(data); })y mi entrada onclick
<input type="submit" class="btn btn-primary" onclick="addToCart()" value="add to cart">Hiciste onclick="addToCart()" que inmediatamente ejecutó la función que deberías onclick="addToCart" .
Esto probablemente sucede porque el navegador no está cargando correctamente su función. Intentaría agregar un archivo console.log arriba y fuera de la definición de su función para asegurarme de que se esté cargando.
De manera más general, si está utilizando jQuery, probablemente desee adjuntar ese controlador onclick addToCart en Javascript en lugar de HTML. Consulte esta pregunta para obtener más detalles: agregue el evento onclick al botón después de que el documento esté listo con JS/JQuery seleccionando por clase
En el caso de que todo esté bien, lo que puede hacer es hacer clic en html
<input type="submit" class="btn btn-primary" id="cart-btn" value="add to cart">Guion:
$(document).ready(function(){ function addToCart(){ //function definition } $("#cart-btn").click(addToCart); });