Skip to main content
Eliminar saludo, correción de faltas ortográficas
Origen Enlace

Accion Acción de botones generados por codigocódigo

<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 divsdivs 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 :)!

Accion de botones generados por codigo

<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 divs con los productos que deseo mostrar en mi pagina. el asunto es que no consigo que el alert me indique que numero 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 :)!

Acción de botones generados por código

<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>

Tengo este código que genera tantos divs con los productos que deseo mostrar en mi página. el asunto es que no consigo que el alert me indique que nú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

Origen Enlace

Accion de botones generados por codigo

<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 divs con los productos que deseo mostrar en mi pagina. el asunto es que no consigo que el alert me indique que numero 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 :)!