Debo realizar este código 6 veces más cambiando el número de cada id, por ejemplo cantidadproduct-1
que cambie a cantidadproduct-2
y así sucesivamente hasta 6. ¿Hay alguna forma de hacerlo con un bucle for
? Todo esto en JS y jQuery.
Necesito también cambiar todas las variables que se encuentran numeradas (deben llegar hasta el 6). Estoy haciendo como un carrito de compra y tengo 6 productos, y necesito que ese código se aplique para cada producto. Por eso cada variable e Id posee un número.
Éste es el código:
var cantidadproduct1 = 0;
$('#btn-1').click(function() {
//SE ACTUALIZA EL TOTAL
total = total + parseInt($('#product1-price').text());
$('#total').text(total);
//SI ES LA PRIMERA VEZ QUE SE AGREGA EL PRODUCTO, SE ESCRIBE LA CANTIDAD "1", EN CAMBIO, SI YA SÉ AGREGÓ ANTERIORMENTE SOLAMENTE SE CAMBIA LA CANTIDAD EN EL CARRITO Y NO SE AGREGA OTRO <LI>.
if (cantidadproduct1 == 0) {
cantidadproduct1++;
$('.cart-ul').append('<li id="product1-oncart" class="row justify-content-between item-inside-cart align-items-center mb-2"><span>' + ($('#product1-name').text()) + '</span><span>' + ($('#product1-price').text()) + '</span><span id="item-quantity-1" class="item-quantity d-block ml-3">x' + cantidadproduct1 + '</span><a href="#" id="delete-item-1" class="delete-item"><img class="delete-img" src="materiales/img/basura.png" alt="trash bin icon" tooltip="eliminar producto"></a></li>');
var img1 = $("#item1-image").children("img").clone();
$('#product1-oncart').prepend(img1);
$('#total').text(total);
} else if (cantidadproduct1 > 0) {
cantidadproduct1++;
$('#item-quantity-1').text('x' + cantidadproduct1);
}
//SI SE TOCA EL TACHO DE BASURA SE ELMINA EL RESPECTIVO PRODUCTO.--------------------
$('#delete-item-1').unbind('click').click(function() {
//SE RESTA LA CANTIDAD DEL PRODUCTO Y LA CANTIDAD GLOBAL.
cantidadproduct1--;
cantidad--;
//SE ACTUALIZA EL INDICADOR DE ELEMENTOS EN EL CARRITO
$('#cart-indicator').text(cantidad);
$('#item-quantity-1').text('x' + cantidadproduct1);
total = total - parseInt($('#product1-price').text());
if(cantidadproduct1 == 0){
$('#product1-oncart').remove();
}
$('#total').text(total);
//SI NO HAY ELEMENTOS EN EL CARRITO APARECE UNA ILUSTRACIÓN --------
if (cantidad == 0) {
$('.empty-container').addClass('d-block');
$('.empty-container').removeClass('d-none');
$('.cart-buy').addClass('d-none').removeClass('d-flex');
}
});
item-quantity-1
oproduct1-oncart
oitem1-image
? Hay muchas variables con número en el código.cantidadproducto1
? ¿Realmente no importa que sea numerada? Parece que es algo auxiliar