-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
26 lines (23 loc) · 974 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
const products = [
{ id: 1, name: 'FunnyJokesters Stuff You Havent Seen Before DVD', price: 19.99, image: 'shirt.jpg' },
{ id: 2, name: 'FunnyJokesters Custom Tote Bag', price: 14.99, image: 'hat.jpg' },
{ id: 3, name: 'FunnyJokesters Custom T-Shirt', price: 9.99, image: 'socks.jpg' }
];
function displayProducts() {
const productsContainer = document.getElementById('products');
products.forEach(product => {
const productDiv = document.createElement('div');
productDiv.classList.add('product');
productDiv.innerHTML = `
<img src="${product.image}" alt="${product.name}">
<h2>${product.name}</h2>
<p>$${product.price.toFixed(2)}</p>
<button onclick="addToCart(${product.id})">Add to Cart</button>
`;
productsContainer.appendChild(productDiv);
});
}
function addToCart(productId) {
alert('Product ' + productId + ' added to cart!');
}
displayProducts();