hello hope all doing good I wanted to create a counter like this where anyone can add rooms and
guest accordingly
what I did till now
this is PHP Code for looping values
Js CODE HERE –
<script>
let cart = [];
function minusItem(btn) {
const productId = btn.dataset.id;
const productCountEl = document.querySelector(`.count[data-id="${productId}"]`);
let productCount = parseInt(productCountEl.textContent);
console.log('minus click')
if (productCount > 0) {
productCount--
productCountEl.textContent = productCount;
updateCart(productId, productCount);
}
}
const minusFunction = () => {
const minusBtns = document.querySelectorAll('.minus-btn');
console.log('nothing');
minusBtns.forEach(btn => btn.removeEventListener('click', minusItem));
minusBtns.forEach(btn => {
btn.addEventListener('click', () => minusItem(btn));
});
}
function plusItem(btn) {
const productId = btn.dataset.id;
const productCountEl = document.querySelector(`.count[data-id="${productId}"]`);
console.log(productCountEl)
let productCount = parseInt(productCountEl.textContent);
productCount++;
productCountEl.textContent = productCount;
updateCart(productId, productCount);
}
const plusFunction = () => {
const minusBtns = document.querySelectorAll('.plus-btn');
console.log('nothing');
minusBtns.forEach(btn => btn.removeEventListener('click', plusItem));
minusBtns.forEach(btn => {
btn.addEventListener('click', () => plusItem(btn));
});
}
whenever I plus my counter it works fine but when I add new rooms everytime it increases by 2
i just wanted that my when anyone click on that add room or select room that room id and number of
guests and rooms go inside one array of objects and counter work as it needs to be like plus 1