const input = document.getElementById("input")
const btn = document.getElementById("btn")
let guestList = document.getElementById("guest-list")
let guests = ["Partner", "Nice Relative 1", "Nice Relative 2", "Evil Relative", "Lonely Neighbour"]

// Tasks:
// - Write the JS to render the Christmas day guest list in the guest-list element.
// - Add the functionality to add new guests.
const renderGuests = () => {
    guests.forEach(guest => {
        const li = document.createElement("li")
        li.innerText = guest
        guestList.appendChild(li)
    })  
}

btn.addEventListener('click', () => {
    guests.push(input.value)
    renderGuests()
})

renderGuests()
// Stretch goals: 
// - Add a button to remove the most recently added guests.
// - What about if you want to remove the evil relative?