Quiero extraer datos usando JavaScript y mostrarlos en la consola. No sé qué hice mal.
principal.js
// ADD TO CART $("#addToCartBtn").on('click',function(){ var _qty=$("#productQty").val(); var _productId=$(".product-id").val(); var _productName=$(".product-name").val(); console.log(_productId,_productName,_qty); });Estoy usando django framework para escribir backend
detalle.html
<div class="product-btns"> <div class="qty-input"> <span class="text-uppercase">Ədəd: </span> <input class="input" type="number" value="1" id="productQty"> </div> <input type="hidden" class="product-id" value="{{product.id}}"> <input type="hidden" class="product-name" value="{{product.name}}"> <button class="primary-btn add-to-cart"><i class="fa fa-shopping-cart" id="addToCartBtn"></i> Səbətə at</button> </div>El problema es probablemente que el elemento que tiene id="addToCartBtn" no es realmente el botón sino el elemento <i> , que no tiene contenido y, por lo tanto, no tiene ancho. Por lo tanto, nunca se puede hacer clic.