scrimba
Note at 0:28
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

Note at 0:28
AboutCommentsNotes
Note at 0:28
Expand for more info
index.js
run
preview
console
const christmassifierBtn = document.getElementById("christmassifierBtn")
christmassifierBtn.addEventListener("click", christmassifyName)

function christmassifyName() {

if(!document.body.classList.contains("christmassified")){
document.body.classList.add("christmassified");
christmassifierBtn.innerText = "De-Christmassify";
document.body.style.backgroundColor = "DarkRed";
} else {
document.body.classList.remove("christmassified");
christmassifierBtn.innerText = "Christmassify";
document.body.style.backgroundColor = "DarkGreen";
}
// document.body.classList.add("christmassified");
console.log(document.body.classList.contains("christmassified"));
}

// const greeting = document.getElementById("greeting")
// Stretch goals:
// - Play Christmas music when Christmas class is added.
// - Remove the Christmas class after a given time.

Console
true
,
false
,
true
,
/index.html
LIVE