Janady13/School-Work / School Work/Event Target Listener/index.js

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/School-Work / School Work/Event Target Listener/index.js
Date	Not specified in source
Repository	Janady13/School-Work
Revision	4a666c890caf7c43c47d0572dbcc287373c7a78e
Branch	main
Path or archive member	School Work/Event Target Listener/index.js
Original SHA-256	66383e8a1c414638a58a158d687db8bf84882cffa752da44303d7dd3c7bae484
Git blob SHA	ba8902b5229c3abaa27c064fe3a8582005f66316
Reading-copy SHA-256	66383e8a1c414638a58a158d687db8bf84882cffa752da44303d7dd3c7bae484

Original source ↗

Recovered source transcript

Download complete source text ↓47 lines · 0.8 KB

const container = document.getElementById('container')

const products = [
    {
        name: 'Ostrich Pillow',
        price: '10',
        image: 'ostrichpillow.jpg',
        id: 'ostrich-pillow'
    },
    {
        name: 'Bacon Bandages',
        price: '8',
        image: 'bacon-bandage.jpg',
        id: 'bacon-bandages'
    },
    {
        name: 'Baby Mop',
        price: '20',
        image: 'babymop.jpg',
        id: 'baby-mop'
    }
]

let productsHtml = ``

for (let product of products){
    productsHtml += `
    <div class="product">
        <h3>${product.name}</h3>
         <h4> £${product.price}</h4>
        <img src="${product.image}">
        <button id="${product.id}">Buy Now</button>
    </div>
    `
}
container.innerHTML = productsHtml

container?.addEventListener('click', function(e){
    
})