const greeting = document.getElementById("greeting")
const christmassifierBtn = document.getElementById("christmassifierBtn")
christmassifierBtn.addEventListener("click", christmassifyName)
function christmassifyName() {
// Task:
// - Add christmassify class to greeting.
greeting.classList.add("christmassify")
//- Check whether christmassifierBtn has christmassify on it. If so, change text to
"De-christmassify", if not, change text to "Christmassify"
console.log(christmassifierBtn.innerText)
if (christmassifierBtn.innerText === "Christmassify") {
christmassifierBtn.innerText = "De-christmassify"
greeting.classList.toggle("christmassify")
} else {
christmassifierBtn.innerText = "Christmassify"
greeting.classList.toggle("christmassify")
}
}
// Stretch goals:
// - Play Christmas music when Christmas class is added.
// - Remove the Christmas class after a given time.