fix memory cards

Author: solygambas

72-memory cards/script.js

@@ -13,21 +13,21 @@ const addContainer = document.getElementById("add-container");
 let currentActiveCard = 0;
 const cardsElement = [];
 
-// const cardsData = [
-//   {
-//     question: "What does CSS stand for?",
-//     answer: "Cascading Style Sheets",
-//   },
-//   {
-//     question: "What year was JavaScript launched?",
-//     answer: "1995",
-//   },
-//   {
-//     question: "What does HTML stand for?",
-//     answer: "Hypertext Markup Language",
-//   },
-// ];
-const cardsData = getCardsData();
+const cardsData = [
+  {
+    question: "What does CSS stand for?",
+    answer: "Cascading Style Sheets",
+  },
+  {
+    question: "What year was JavaScript launched?",
+    answer: "1995",
+  },
+  {
+    question: "What does HTML stand for?",
+    answer: "Hypertext Markup Language",
+  },
+];
+// const cardsData = getCardsData();
 
 function createCards() {
   cardsData.forEach((data, index) => createCard(data, index));
@@ -57,15 +57,15 @@ function updateCurrentText() {
   currentElement.innerText = `${currentActiveCard + 1}/${cardsElement.length}`;
 }
 
-function getCardsData() {
-  const cards = JSON.parse(localStorage.getItem("cards"));
-  return cards === null ? [] : cards;
-}
+// function getCardsData() {
+//   const cards = JSON.parse(localStorage.getItem("cards"));
+//   return cards === null ? [] : cards;
+// }
 
-function setCardsData(cards) {
-  localStorage.setItem("cards", JSON.stringify(cards));
-  history.go(0);
-}
+// function setCardsData(cards) {
+//   localStorage.setItem("cards", JSON.stringify(cards));
+//   history.go(0);
+// }
 
 // Event Listeners
 nextButton.addEventListener("click", () => {
@@ -103,14 +103,15 @@ addCardButton.addEventListener("click", () => {
     answerElement.value = "";
     addContainer.classList.remove("show");
     cardsData.push(newCard);
-    setCardsData(cardsData);
+    // setCardsData(cardsData);
   }
 });
 
 clearButton.addEventListener("click", () => {
-  localStorage.clear();
+  //   localStorage.clear();
   cardsContainer.innerHTML = "";
-  history.go(0);
+  currentElement.innerText = "";
+  //   history.go(0);
 });
 
 // Init

72-memory cards/style.css

@@ -53,7 +53,8 @@ h1 button {
 
 .btn-margin {
   margin-top: 1.25rem;
-  width: 90%;
+  width: 28.125rem;
+  max-width: 90%;
 }
 
 .btn:hover {

README.md

@@ -77,7 +77,7 @@
 | 69  | [Infinite Scroll Posts](https://github.com/solygambas/html-css-fifty-projects/tree/master/69-infinite%20scroll%20posts)                             | [Live Demo](https://codepen.io/solygambas/full/qBqvyEB)  |
 | 70  | [Typing Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/70-typing%20game)                             | [Live Demo](https://codepen.io/solygambas/full/wvoOQvq)  |
 | 71  | [Speech Text Reader](https://github.com/solygambas/html-css-fifty-projects/tree/master/71-speech%20text%20reader)                             | [Live Demo](https://codepen.io/solygambas/full/QWGPLVM)  |
-| 72  | [Memory Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/72-memory%20cards)                             | [Live Demo](#)  |
+| 72  | [Memory Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/72-memory%20cards)                             | [Live Demo](https://codepen.io/solygambas/full/oNYOqjv)  |
 | 73  | [Lyrics Search App](https://github.com/solygambas/html-css-fifty-projects/tree/master/73-lyrics%20search%20app)                             | [Live Demo](#)  |
 | 74  | [Relaxer App](https://github.com/solygambas/html-css-fifty-projects/tree/master/74-relaxer%20app)                             | [Live Demo](#)  |
 | 75  | [Breakout Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/75-breakout%20game)                             | [Live Demo](#)  |