add kill all children function

Co-authored-by:Roshan <[email protected]>

package.json

@@ -8,7 +8,8 @@
   },
   "scripts": {
     "test": "tape test/test.js | tap-spec",
-    "cover": "nyc tape test/test.js | tap-spec"
+    "cover": "nyc tape test/test.js | tap-spec",
+    "start": "node src/server.js"
   },
   "repository": {
     "type": "git",

public/main.js

@@ -1,15 +1,20 @@
 const suggestions = document.querySelector(".suggestions");
-
-//currentMatches = ["Germany", "Italy", "Paraguay", "Sweden", "UK"];
+let children = document.getElementsByTagName("li");
 
 const createList = () => {
+    killAllChildren();
     currentMatches.forEach( x => {
-        console.log(currentMatches);
         let createListItem = document.createElement('li');
         let suggestionItem = document.createTextNode(x);
         createListItem.appendChild(suggestionItem);
         suggestions.appendChild(createListItem);
     })
 }
 
-createList();
+const killAllChildren = () => {    
+    console.log("Killing all children");
+    console.log("Here are children: ", children);
+    while (suggestions.firstChild) {
+        suggestions.removeChild(suggestions.firstChild);
+    }
+}

public/request.js

@@ -5,6 +5,9 @@ let currentMatches = [];
 
 
 const api = () => {
+    if (inputBox.value === "") {
+        killAllChildren();
+    } else {
     //grab the value in the input box
     let currentInput = inputBox.value;
     let xhr = new XMLHttpRequest();
@@ -24,6 +27,7 @@ const api = () => {
     // Send the search term over to our server
     xhr.open("GET", updatedSearch, true);
     xhr.send();
+}
 };
 
 inputBox.addEventListener("input", api);