diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html
index 2bf8afc..4bf8bbc 100644
--- a/cafe-events/valentines-day-25/index.html
+++ b/cafe-events/valentines-day-25/index.html
@@ -9,7 +9,7 @@
 
     <body>
         <div class="container">
-            <div class="chocolates"></div>
+            <div class="cupcakes"></div>
             <img src="./img/sweets.jpg" alt="a box of chocolate cupcakes">
         </div>
         <script src="./script/script.js" defer></script>
diff --git a/cafe-events/valentines-day-25/script/script.js b/cafe-events/valentines-day-25/script/script.js
index b1aa33e..510fa3a 100644
--- a/cafe-events/valentines-day-25/script/script.js
+++ b/cafe-events/valentines-day-25/script/script.js
@@ -1,12 +1,23 @@
-const chocolateContainer = document.querySelector(".chocolates");
+const chocolateContainer = document.querySelector(".cupcakes");
 const notesForEmma = {
-
+    noteOne: "",
+    noteTwo: "",
+    noteThree: "",
+    noteFour: "",
+    noteFive: "",
+    noteSix: "",
+    noteSeven: "",
+    noteEight: "",
+    noteNine: "",
+    noteTen: "",
+    noteEleven: "",
+    noteTwelve: "",
 };
 
 for (let i = 0; i < 3; i++) {
     for (let j = 0; j < 4; j++) {
         const tile = document.createElement("div");
-        tile.classList.add("chocolate");
+        tile.classList.add("cupcake");
         tile.style.height = "14vh";
         tile.style.width = "7vw";
         chocolateContainer.appendChild(tile);
diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css
index e48dec7..2ff5784 100644
--- a/cafe-events/valentines-day-25/style/style.css
+++ b/cafe-events/valentines-day-25/style/style.css
@@ -24,7 +24,7 @@ body {
     z-index: 0;
 }
 
-.chocolates {
+.cupcakes {
     display: flex;
     flex-wrap: wrap;
     height: 44vh;
