scrimba
Note at 0:02
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:02
Expand for more info
index.js
run
preview
console
const languageSelector = document.getElementById("language-selector")
const greetingDisplay = document.getElementById("greeting-text")
languageSelector.addEventListener("change", translate)

const greetingsArr = [
{
language: "English",
greeting: "Merry Christmas!"
},
{
language: "Spanish",
greeting: "Feliz Navidad!"
},
{
language: "Ukrainian",
greeting: "щасливого Різдва!"
},
{
language: "Welsh",
greeting: "Nadolig Llawen!"
}
]

function translate(){
// Task:
// - Write a function to display the correct greeting when a language is selected.
let langObj = greetingsArr.find(item => item.language === languageSelector.value)
greetingDisplay.innerText = langObj.greeting
}

// Stretch goals:
// - Animate the message switch.
// - Add the option to switch the greeting, for example also have "And a Happy New Year!".
Console
/index.html
LIVE