rename div ID and variable

HectorVilas · Dec 13, 2022 · c47ccf7 · c47ccf7
1 parent 183b747
commit c47ccf7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/index.html b/src/index.html
@@ -8,6 +8,6 @@
   <title>Odin TODO List</title>
 </head>
 <body>
-  <div id="main"></div>
+  <div id="cards-container"></div>
 </body>
 </html>
diff --git a/src/modules/ui.js b/src/modules/ui.js
@@ -9,9 +9,9 @@ import iconTrashLid from "../media/images/icons/trash-lid.svg";
 import { localStorageTest } from "./localStorageTest.js";
 
 export const ui = (() => {
-  const main = document.querySelector("#main");
+  const cardsContainer = document.querySelector("#cards-container");
 
-  function placeCard(todo, projectIdx, todoIdx){
+  function placeSingleCard(todo, projectIdx, todoIdx){
     const card = document.createElement("div");
     card.classList.add("card");
     card.dataset.priority = todo.priority;
@@ -162,7 +162,7 @@ export const ui = (() => {
 
   function placeCards(projects){
 
-    main.replaceChildren()
+    cardsContainer.replaceChildren()
 
 
     projects.forEach((project, projectIdx) => {
@@ -175,10 +175,10 @@ export const ui = (() => {
       projectItem.appendChild(h1);
 
       project.todos.forEach((todo, todoIdx) => {
-        projectItem.appendChild(placeCard(todo, projectIdx, todoIdx));
+        projectItem.appendChild(placeSingleCard(todo, projectIdx, todoIdx));
       });
 
-      main.appendChild(projectItem);
+      cardsContainer.appendChild(projectItem);
     });
   };
 

diff --git a/src/style.css b/src/style.css
@@ -29,7 +29,7 @@ input[type="text"], input[type="datetime-local"] {
 
 body {background-color: var(--bgc-page);}
 
-#main {
+#cards-container {
   box-sizing: border-box;
   margin: 0;
   width: 100vw;