my-cafe-events/cafe-events/valentines-day-25/script/script.js

76 lines
2.0 KiB
JavaScript
Raw Normal View History

const notesForEmma = {
noteOne: "hello",
noteTwo: "emma",
noteThree: "how",
noteFour: "are",
noteFive: "you",
noteSix: "i",
noteSeven: "think",
noteEight: "you",
noteNine: "are",
noteTen: "a",
noteEleven: "great",
noteTwelve: "person",
};
const tileOne = document.querySelector(".tile-one");
const tileTwo = document.querySelector(".tile-two");
const tileThree = document.querySelector(".tile-three");
const tileFour = document.querySelector(".tile-four");
const tileFive = document.querySelector(".tile-five");
const tileSix = document.querySelector(".tile-six");
const tileSeven = document.querySelector(".tile-seven");
const tileEight = document.querySelector(".tile-eight");
const tileNine = document.querySelector(".tile-nine");
const tileTen = document.querySelector(".tile-ten");
const tileEleven = document.querySelector(".tile-eleven");
const tileTwelve = document.querySelector(".tile-twelve");
tileOne.addEventListener("click", () => {
console.log(notesForEmma["noteOne"]);
});
tileTwo.addEventListener("click", () => {
console.log(notesForEmma["noteTwo"]);
});
tileThree.addEventListener("click", () => {
console.log(notesForEmma["noteThree"]);
});
tileFour.addEventListener("click", () => {
console.log(notesForEmma["noteFour"]);
});
tileFive.addEventListener("click", () => {
console.log(notesForEmma["noteFive"]);
});
tileSix.addEventListener("click", () => {
console.log(notesForEmma["noteSix"]);
});
tileSeven.addEventListener("click", () => {
console.log(notesForEmma["noteSeven"]);
});
tileEight.addEventListener("click", () => {
console.log(notesForEmma["noteEight"]);
});
tileNine.addEventListener("click", () => {
console.log(notesForEmma["noteNine"]);
});
tileTen.addEventListener("click", () => {
console.log(notesForEmma["noteTen"]);
});
tileEleven.addEventListener("click", () => {
console.log(notesForEmma["noteEleven"]);
});
tileTwelve.addEventListener("click", () => {
console.log(notesForEmma["noteTwelve"]);
});