adding eventListeners to image map tiles

add querySelectors
add test content to notes object
test with console.log()

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

@@ -1,14 +1,75 @@
 const notesForEmma = {
-    noteOne: "",
-    noteTwo: "",
-    noteThree: "",
-    noteFour: "",
-    noteFive: "",
-    noteSix: "",
-    noteSeven: "",
-    noteEight: "",
-    noteNine: "",
-    noteTen: "",
-    noteEleven: "",
-    noteTwelve: "",
+    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"]);
+});