Untitled

 avatar
unknown
plain_text
2 years ago
1.5 kB
6
Indexable
// Define an array of computer products
let products = [
  {
    name: "Desktop Computer",
    price: 999.99,
    description: "Powerful desktop computer for all your computing needs."
  },
  {
    name: "Laptop Computer",
    price: 1499.99,
    description: "Portable laptop computer with long battery life."
  },
  {
    name: "Gaming Computer",
    price: 2999.99,
    description: "High-performance gaming computer for the most demanding games."
  }
];

// Define a function to display the products on the website
function displayProducts() {
  let productList = document.getElementById("product-list");
  productList.innerHTML = "";

  for (let i = 0; i < products.length; i++) {
    let product = products[i];

    let productItem = document.createElement("li");
    productItem.innerHTML = `
      <h2>${product.name}</h2>
      <p>${product.description}</p>
      <p>Price: $${product.price}</p>
      <button onclick="addToCart(${i})">Add to Cart</button>
    `;

    productList.appendChild(productItem);
  }
}

// Define a function to add a product to the shopping cart
function addToCart(index) {
  let product = products[index];

  let cartItem = document.createElement("li");
  cartItem.innerHTML = `
    <h2>${product.name}</h2>
    <p>Price: $${product.price}</p>
  `;

  let cartList = document.getElementById("cart-list");
  cartList.appendChild(cartItem);
}

// Call the displayProducts function when the page loads
window.onload = displayProducts;
Editor is loading...