me estan pidiendo trasladar lo mas que pueda mi codigo js a jquery. El inconveniente es que estoy muy confundido de como hacerlo. Pude resolver una parte pero no sabria como pasar lo siguiente:
Este es el jquery que pude pasar.
$(function() {
$(".btn-danger").on("click", removerCarritoProducto);
$(".carrito-cantidad-input").on("change", cantidadModificado);
$(".boton-agregar").on("click", agregarCarritoClick);
$(".btn-purchase").eq(0).on("click", compradoClick);
});
No se como pasar esto a jquery:
function compradoClick() {
alert("¡Gracias por tu compra!")
let carritoProductos = document.getElementsByClassName('carrito-productos')[0]
while (carritoProductos.hasChildNodes()) {
carritoProductos.removeChild(carritoProductos.firstChild)
}
updateCarritoTotal()
}
function removerCarritoProducto(event) {
let botonClick = event.target
botonClick.parentElement.parentElement.remove()
updateCarritoTotal()
}
function cantidadModificado(event) {
let input = event.target
if (isNaN(input.value) || input.value <= 0) {
input.value = 1
}
updateCarritoTotal()
}
function agregarCarritoClick(event) {
let button = event.target
let tiendaProducto = button.parentElement.parentElement
let titulo = tiendaProducto.getElementsByClassName("nombre-producto")[0].innerText
let precio = tiendaProducto.getElementsByClassName("precio-producto")[0].innerText
let imageSrc = tiendaProducto.getElementsByClassName("imagen-producto")[0].src
addItemToCart(titulo, precio, imageSrc)
updateCarritoTotal()
}