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.

function loadGuestList(){
    for(let i = 0; i <guests.length; i++) {
        const listItem = document.createElement("li");
        const listItemName = guests[i];    
        listItem.textContent = listItemName;
        guestList.appendChild(listItem);
            console.log(listItemName)
    }
}
loadGuestList();

btn.addEventListener("click", addGuest);

function addGuest() {
    console.log(`Button Clicked`);
    const listItem = document.createElement("li");
    const listItemName = input.value;
    listItem.textContent = listItemName;
    guestList.appendChild(listItem);
}

// Stretch goals: 
// - Add a button to remove the most recently added guests.

// - What about if you want to remove the evil relative?