From 0d0d781653878ea11feaaeee13e2d4d0cde97df0 Mon Sep 17 00:00:00 2001
From: lucasufjf <lucas.ufjf@gmail.com>
Date: Thu, 11 Jan 2024 22:55:01 -0500
Subject: [PATCH] Delete js directory

---
 js/main.js | 63 ------------------------------------------------------
 1 file changed, 63 deletions(-)
 delete mode 100644 js/main.js

diff --git a/js/main.js b/js/main.js
deleted file mode 100644
index 359c426..0000000
--- a/js/main.js
+++ /dev/null
@@ -1,63 +0,0 @@
-// 1] Get all the .showModal selectors
-
-const infoBtn = document.querySelectorAll('.showModal');
-
-
-
-// 2] Add an eventListener to all instances of infoBtn variable.
-// Note 'el' parameter to make the depreciated global 'Window.event' localized to the specific function
-
-infoBtn.forEach(function(el) {
-    el.addEventListener('click', modalPopUp)
-    }
-);// End infoBtn.forEach
-
-
-
-// 3] Create the modalPopUp function to Toggle adding the HTML 'open' attribute
-
-function modalPopUp() {
-    let getModal = document.getElementById('popUpModal');
-    let addOpen = document.createAttribute("open");
-    if (getModal.hasAttribute("open") === false) {
-       getModal.setAttributeNode(addOpen);
-    }// END if
-}// END modalPopUp()
-
-
-
-// 4] Get the information about the product and add to the pop-up window
-// First query multiple items using querySelectorAll
-
-let moreButtons = document.querySelectorAll('.sample-info');
-
-
-
-// 5] Then add an eventListener for every moreButtons using the forEach method
-
-moreButtons.forEach(function(mrBtn) {
-    mrBtn.addEventListener('click', handleMoreButtonClick );
-	}
-);// End moreButtons.forEach
-
-
-
-
-// 6] Create the handleMoreButtonClick function to show info from the data-* attribute using template literals. NOTE THE BACKTICKS.
-
-function handleMoreButtonClick(shwInfo) {
-    let theItem = shwInfo.target.dataset.name;
-	let theDescript = shwInfo.target.dataset.description;
-	let theImage = shwInfo.target.dataset.img;
-    return document.getElementById('addInfo').innerHTML = ` 
-    <section class="modalImg">
-	    <img src="${theImage}">
-    </section>
-    <section class="modalDescript">
-        <h2>${theItem}</h2>
-        <p>${theDescript}"</p>
-        <form method="dialog">
-	        <button value="ok" class="okBtn">OK!</button>
-        </form>
-    </section>`;
-}
\ No newline at end of file