tengo esto:
<p>Qté : ${quantity}</p> <input type="number" class="itemQuantity" name="itemQuantity" min="1" max="100" value="${quantity}"> siendo agregado dinámicamente en html para cada producto de un carrito.
Quiero que esa entrada se actualice dentro de la etiqueta "p" y dentro del carrito cuando haya un cambio dentro de esta entrada. Pero digamos por ahora que quiero actualizar dentro de la etiqueta "p" y el valor cuando cambio el número con la flecha o lo escribo. value="${quantity}" --> ese código dice tomar la cantidad de este producto (en el carrito/almacenamiento local) y establecerlo por defecto.
Quiero que el valor modificado sea el nuevo valor predeterminado, si sabes a lo que me refiero. Y también necesito que esto funcione para todos los productos, por ahora solo funciona con el primer artículo del carrito.
por ahora estoy atascado con
const quantityBox = document.querySelector(".itemQuantity"); quantityBox.addEventListener("change", function () { //update value function });Si entendí tu problema correctamente, creo que lo que quieres es:
Creo que puedes usar Element.previousElementSibling así:
const quantityBox = document.querySelector(".itemQuantity"); quantityBox.addEventListener("change", function (e) { const prevP = e.target.previousElementSibling; prevP.innerText = "Qté : " + e.target.value; });