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"]); });