<script type="text/javascript">
$(document).ready(function()
{
var nproducto = [];
var btnProducto_comprado;
var numero_de_productos_en_inventario;
numero_de_productos_en_inventario = 3;
var contador = [];
for (nproducto = 0; nproducto <= numero_de_productos_en_inventario; nproducto++)
{
$(".card-deck").append(
"<div class=\"card\"> <div id=\""+nproducto+"\" class=\"card-body\"> <span class=\"productos\" id=\"Producto"+nproducto+"\"> <h4 class=\"card-title\" >Producto "+nproducto+"</h4> <p class=\"card-text\"> Producto "+nproducto+" descripcion </p> <img src=\"img/"+nproducto+".jpg\" height=\"64px\" width=\"64px\"> </span> <button type=\"button\" class=\"btn btn-primary\" id=\"btn"+nproducto+"\">Añadir al servicio</button> </div> <div class=\"card-footer\"> <small class=\"text-muted\"> Aqui el precio del producto </small> </div> </div>"
);
contador[nproducto] = $("#btn"+nproducto+"").click(function()
{
alert ("pediste el producto:"+nproducto+"");
});
};
});
</script>
Buenas,
Tengo este código, es un código que genera tantos divsdiv
s con los productos que deseo mostrar en mi paginapágina. el asunto es que no consigo que el alertalert
me indique que numeronúmero de producto pedí, sin importar que botón presione siempre me indica "pediste el producto:4"
Probablemente vean horrores en el código pero ya he hecho tantas pruebas que que no se que hacer.
Apreciaría mucho su ayuda
saludos a la comunidad :)!