checkout.js

console.log('Hit!!')
const searchParams = new URLSearchParams(window.location.search)
const id = searchParams.get('id')

const cart_url = "http://localhost:3000/carts"
const cartid_url = `http://localhost:3000/carts/${id}`

// const div= document.querySelector('div')
fetch(cart_url)
    .then(res => res.json())
    .then(carts =>{
        console.log(carts)
        carts.map(cart =>{
            cart.coffees.map(coffee =>{  
            let div = document.createElement('div')
            let quantitycontainer = document.createElement('quantitycontainer')
            let coffeeName = document.createElement('h5')
            let coffeeImg = new Image (200,200)
            let coffeePrice = document.createElement('h5')
            let coffeeQuantity = document.createElement ('input')
            const button = document.createElement("button")

            div.className = 'coffeeNameContainer'
            quantityinput = 'quantitybox'
            coffeeName.className = 'coffeeName'
            coffeePrice.className = 'coffeePrice'
            coffeeImg.className = 'coffeeImg'
            button.className = 'button'
            coffeeQuantity.className = 'coffeequantity'

            coffeeName.innerText = `${coffee.coffee_roaster.name}${coffee.blend.name}`
            coffeeImg.src = coffee.image
            coffeePrice.innerText = coffee.price
            coffeeQuantity.type = "number"
            button.innerText = "remove"; 
        
            quantitycontainer.appendChild(coffeeQuantity)
            div.append(coffeeImg, coffeeName, coffeePrice,quantitycontainer, button)
            document.body.appendChild(div)

            // console.log(coffee.cart_id)
            // console.log(coffee.id)

            button.addEventListener ("click", function(){
                console.log(confirm("remove"))
            fetch(`http://localhost:3000/delete_cart_item/?cart_id=${coffee.cart_id}&coffee_id=${coffee.id}`,{
            method: "PATCH",
            headers:{
                "Content-Type": "application/json"
            },
            body: JSON.stringify({ 
                        })
                    })
                })
            })
        })
    })