scrimba
Note at 0:43
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Note at 0:43
Expand for more info
index.js
run
preview
console
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.

Console
"Christmassify"
,
"De-christmassify"
,
"Christmassify"
,
"De-christmassify"
,
/index.html
LIVE