scrimba
Note at 0:53
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:53
Expand for more info
index.js
run
preview
console
const house = document.getElementById("house")
const decorator = document.getElementById("decorator")
decorator.addEventListener("click", deckTheHalls)
const plainHouse = house.innerText

function deckTheHalls() {
// Task:
// Write a function to add decorations (e.g. ☃️, 🎄, etc) next to the house when the switch is toggled.

if(decorator.checked) {
house.innerText = '🎄'+'🎄'+'🎄' + plainHouse + '🎄'+'🎄'+'🎄'
} else {
house.innerText = plainHouse
}
}

// Stretch goals:
// - Make sure that the house & decorations all stay on one line, even if there are a lot of decorations.
// - Allow the user to select different decorations.
Console
/index.html
LIVE