From 025ed292fcc0f4d124339387093bb35bc5aa3ef2 Mon Sep 17 00:00:00 2001 From: zepp Date: Wed, 29 Jan 2025 22:42:42 -0500 Subject: [PATCH] code refactoring change class names to cupcakes and cupcake --- cafe-events/valentines-day-25/index.html | 2 +- cafe-events/valentines-day-25/script/script.js | 17 ++++++++++++++--- cafe-events/valentines-day-25/style/style.css | 2 +- 3 files changed, 16 insertions(+), 5 deletions(-) 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 @@
-
+
a box of chocolate cupcakes
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;