// Task:
// - Write a function to fix the UI problems with this Christmas message (make it Christmassy!)
// - Run the function when the Fix button is clicked.
  
const greeting = document.getElementById("greeting");
const btn = document.getElementById("btn");
const container = document.getElementsByClassName("container")[0];
let needsFix = true;

greeting.innerHTML = getLabel();
btn.innerHTML = getButtonText();

function getLabel() {
    return needsFix ? "🎃 Merry Christmas! 👻" : "🎅 Happy Holidays! ☃️";
}

function getButtonText() {
    return needsFix ? "fix!" : "go back?";
}

function fix() {
    //toggle
    container.classList.toggle("container"); 
    container.classList.toggle("newTheme"); //from CSS
    needsFix = !needsFix; 
    
    greeting.innerHTML = getLabel();
    btn.innerHTML = getButtonText();
}

btn.innerHTML = getButtonText();
btn.onclick = fix;

//Stretch goals:
// - Add an extra theme, and the option to switch between them.
// - Change the message and theme to a New Year’s one automatically on December 31st.