mnshchtri / ecommerce-website Goto Github PK

let next = document.querySelector('.next')

let prev = document.querySelector('.prev')

let next1 = document.querySelector('.next1')

let prev1 = document.querySelector('.prev1')

  

//functionality added for giving the popup message alerting whenever the add to cart button is clicked

function handleAddToCartClick(productName) {

alert(productName + " has been added to the cart! Thank You for Shopping.");

}

  

// Add event listeners to all "Add to Cart" buttons

document.addEventListener('DOMContentLoaded', function () {

var addToCartButtons = document.querySelectorAll('.item button');

  

// Loop through each selected button

addToCartButtons.forEach(function (button) {

// Add a click event listener to each button

button.addEventListener('click', function () {

// Get the product name associated with the clicked button

var productName = this.parentElement.querySelector('.name').innerText.trim();

  

// Call the handleAddToCartClick function with the product name as an argument

handleAddToCartClick(productName);

});

});

});

  

next.addEventListener('click', function () {

let items = document.querySelectorAll('.item')

document.querySelector('.slide').appendChild(items[0])

})

  

prev.addEventListener('click', function () {

let items = document.querySelectorAll('.item')

document.querySelector('.slide').prepend(items[items.length - 1])

})

  

next1.addEventListener('click', function () {

let items = document.querySelectorAll('.item1')

document.querySelector('.slide1').appendChild(items[0])

})

  

prev1.addEventListener('click', function () {

let items = document.querySelectorAll('.item1')

document.querySelector('.slide1').prepend(items[items.length - 1])

})