Delete Project 2.txt

2021-11-30 18:25:50 +05:30
parent 169d004eac
commit 4f15686576
1 changed files with 0 additions and 65 deletions
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>JavaScript List Project</title>
-</head>
-<body>
-    <div class="output"></div>
-    <input type="text"><button>add</button>
-    <script>
-        const output = document.querySelector(".output");
-        const myValue = document.querySelector("input");
-        const btn1 = document.querySelector("button");
-        const url = "list.json";
-        btn1.addEventListener("click", addToList);
-        let localData = localStorage.getItem("myList");
-        let myList = [];
-        window.addEventListener("DOMContentLoaded", () => {
-            output.textContent = "Loading......";
-            if (localData) {
-                myList = JSON.parse(localStorage.getItem("myList"));
-                output.innerHTML = "";
-                myList.forEach((el, index) => {
-                    maker(el);
-                });
-            } else {
-                reloader();
-            }
-        });
-
-        function addToList() {
-            if (myValue.value.length > 3) {
-                const myObj = {
-                    "name": myValue.value
-                }
-                myList.push(myObj);
-                maker(myObj);
-                savetoStorage();
-            }
-            myValue.value = "";
-        }
-
-        function savetoStorage() {
-            console.log(myList);
-            localStorage.setItem("myList", JSON.stringify(myList));
-        }
-
-        function reloader() {
-            fetch(url).then(rep => rep.json())
-            .then((data) => {
-                myList = data;
-                myList.forEach((el, index) => {
-                    maker(el);
-                });
-                savetoStorage();
-            })
-        }
-
-        function maker(el) {
-            const div = document.createElement("div");
-            div.innerHTML = `${el.name}`;
-            output.append(div);
-        }
-    </script>
-</body>
-</html>