How to use removeChild method in Playwright Internal

1// Vars
2
3var QN = document.getElementById('QN');
4var QQ = document.getElementById('QQ');
5var QA1 = document.getElementById('QA1');
6var buttons1 = document.getElementById('buttons1')
7var dip = document.getElementById('dip')
8var container = document.getElementById('container')
9var butters = document.getElementById('butters')
10var chere = document.getElementById('chere')
11var skip = document.getElementById('skip')
12var cells = document.getElementById('cells');
13var clicks = 0;
14
15
16// Timer
17
18function startTimer(duration, display) {
19    var start = Date.now(),
20        diff,
21        minutes,
22        seconds;
23    function timer() {
24        // get the number of seconds that have elapsed since 
25        // startTimer() was called
26        diff = duration - (((Date.now() - start) / 1000) | 0);
27  
28        // does the same job as parseInt truncates the float
29        minutes = (diff / 60) | 0;
30        seconds = (diff % 60) | 0;
31  
32        minutes = minutes < 10 ? "0" + minutes : minutes;
33        seconds = seconds < 10 ? "0" + seconds : seconds;
34  
35        display.textContent = minutes + ":" + seconds; 
36  
37        if (diff <= 0) {
38            // add one second so that the count down starts at the full duration
39            // example 05:00 not 04:59
40            start = Date.now() + 1000;
41        }
42    };
43    // we don't want to wait a full second before the timer starts
44    timer();
45    setInterval(timer, 1000);
46  };
47  
48  function timerOp() {
49    var twoMinutes = 60 * 2,
50    display = document.querySelector('#timerLocation');
51    startTimer(twoMinutes, display);
52  };
53
54  $( "#startTimer" ).click(function(event) {
55    event.preventDefault();
56    var ogscorz = 0;
57    var ogplacement = document.getElementById('allScore');
58    ogplacement.innerHTML = ogscorz;
59    timerOp();
60    getQuest1();
61    container.removeChild(dip)
62  });
63
64
65// Quest One
66
67
68  function getQuest1() {
69    // Inner HTML
70
71    QN.innerHTML = "Question 1";
72    QQ.innerHTML = "What is JavaScript?";
73
74    // Nodes and Childs
75
76    var node1 = document.createElement("LI");                
77    var textnode1 = document.createTextNode("Client-Side Scripting Language");        
78    node1.appendChild(textnode1);                             
79    QA1.appendChild(node1); 
80    
81    var node2 = document.createElement("LI");                
82    var textnode2 = document.createTextNode("Pancakes for breakfast");        
83    node2.appendChild(textnode2);                             
84    QA1.appendChild(node2); 
85
86    var node3 = document.createElement("LI");                
87    var textnode3 = document.createTextNode("A database intended for audio engineering");        
88    node3.appendChild(textnode3);                             
89    QA1.appendChild(node3); 
90
91    var node4 = document.createElement("LI");                
92    var textnode4 = document.createTextNode("William is the greatest");        
93    node4.appendChild(textnode4);                             
94    QA1.appendChild(node4); 
95
96    // Buttons
97
98    var btn1 = document.createElement("BUTTON");  
99    var btnli1 = document.createElement("LI");
100    btn1.innerHTML = "One"; 
101    btnli1.appendChild(btn1);                  
102    buttons1.appendChild(btnli1); 
103
104    var btn2 = document.createElement("BUTTON"); 
105    var btnli2 = document.createElement("LI"); 
106    btn2.innerHTML = "Two";                   
107    btnli2.appendChild(btn2);                  
108    buttons1.appendChild(btnli2); 
109
110    var btn3 = document.createElement("BUTTON");  
111    var btnli3 = document.createElement("LI");
112    btn3.innerHTML = "Three"; 
113    btnli3.appendChild(btn3);                  
114    buttons1.appendChild(btnli3); 
115
116    var btn4 = document.createElement("BUTTON"); 
117    var btnli4 = document.createElement("LI"); 
118    btn4.innerHTML = "Four";                   
119    btnli4.appendChild(btn4);                  
120    buttons1.appendChild(btnli4); 
121
122    // Button Clicks
123
124    btn1.onclick = function QOO(event) {
125        event.preventDefault();
126        
127        localStorage.removeItem("A1");
128
129        var A1 = {
130            score: 10,
131        };
132    
133        localStorage.setItem("A1", JSON.stringify(A1));
134        var allScore = document.getElementById("allScore");
135        let giveA1 = JSON.parse(localStorage.getItem('A1'));
136        allScore.innerHTML = giveA1.score;
137        QA1.removeChild(node1);
138        QA1.removeChild(node2);
139        QA1.removeChild(node3);
140        QA1.removeChild(node4);
141        buttons1.removeChild(btnli1);
142        buttons1.removeChild(btnli2);
143        buttons1.removeChild(btnli3);
144        buttons1.removeChild(btnli4);
145        getQuest2();
146    }
147
148    btn2.onclick = function QOTw(event) {
149        event.preventDefault();
150        localStorage.removeItem("A1");
151    
152        var A1 = {
153            score: 0,
154        };
155    
156        localStorage.setItem("A1", JSON.stringify(A1));
157        var allScore = document.getElementById("allScore");
158        let giveA1 = JSON.parse(localStorage.getItem('A1'));
159        allScore.innerHTML = giveA1.score;
160        QA1.removeChild(node1);
161        QA1.removeChild(node2);
162        QA1.removeChild(node3);
163        QA1.removeChild(node4);
164        buttons1.removeChild(btnli1);
165        buttons1.removeChild(btnli2);
166        buttons1.removeChild(btnli3);
167        buttons1.removeChild(btnli4);
168        getQuest2();
169
170        
171    }
172
173    btn3.onclick = function QOTh(event) {
174        event.preventDefault();
175        localStorage.removeItem("A1");
176
177        var A1 = {
178            score: 0,
179        };
180    
181        localStorage.setItem("A1", JSON.stringify(A1));
182        var allScore = document.getElementById("allScore");
183        let giveA1 = JSON.parse(localStorage.getItem('A1'));
184        allScore.innerHTML = giveA1.score;
185        QA1.removeChild(node1);
186        QA1.removeChild(node2);
187        QA1.removeChild(node3);
188        QA1.removeChild(node4);
189        buttons1.removeChild(btnli1);
190        buttons1.removeChild(btnli2);
191        buttons1.removeChild(btnli3);
192        buttons1.removeChild(btnli4);
193        getQuest2();
194
195
196    }
197
198    btn4.onclick = function QOTh(event) {
199        event.preventDefault();
200        localStorage.removeItem("A1");
201
202        var A1 = {
203            score: 5,
204        };
205    
206        localStorage.setItem("A1", JSON.stringify(A1));
207        var allScore = document.getElementById("allScore");
208        let giveA1 = JSON.parse(localStorage.getItem('A1'));
209        allScore.innerHTML = giveA1.score;
210        console.log("all flattery is truth")
211        QA1.removeChild(node1);
212        QA1.removeChild(node2);
213        QA1.removeChild(node3);
214        QA1.removeChild(node4);
215        buttons1.removeChild(btnli1);
216        buttons1.removeChild(btnli2);
217        buttons1.removeChild(btnli3);
218        buttons1.removeChild(btnli4);
219        getQuest2();
220
221    }
222};
223
224
225// Quest Two
226
227
228function getQuest2() {
229    // Inner HTML
230
231
232
233    QN.innerHTML = "Question 2";
234    QQ.innerHTML = "What is this: ";
235
236    var divinus = document.createElement("DIV")
237    var dankCode = document.createElement("BUTTON");
238    var wordz = document.createTextNode("EXAMPLE");
239    var div2 = document.createElement("div");
240    
241    dankCode.appendChild(wordz);
242    divinus.appendChild(dankCode);
243    QQ.appendChild(divinus);
244    divinus.appendChild(div2);
245
246    dankCode.onclick = function tracking() {
247        clicks += 1;
248        console.log("clicks");
249        div2.innerHTML = clicks;
250    
251    };
252    
253    // Nodes and Childs
254
255    var node1 = document.createElement("LI");                
256    var textnode1 = document.createTextNode("Click Defusser (yes, to de-fuss)");        
257    node1.appendChild(textnode1);                             
258    QA1.appendChild(node1); 
259    
260    var node2 = document.createElement("LI");                
261    var textnode2 = document.createTextNode("Click Refractor");        
262    node2.appendChild(textnode2);                             
263    QA1.appendChild(node2); 
264
265    var node3 = document.createElement("LI");                
266    var textnode3 = document.createTextNode("Click Counter");        
267    node3.appendChild(textnode3);                             
268    QA1.appendChild(node3); 
269
270    var node4 = document.createElement("LI");                
271    var textnode4 = document.createTextNode("Click Decapitator");        
272    node4.appendChild(textnode4);                             
273    QA1.appendChild(node4); 
274
275    // Buttons
276
277    var btn1 = document.createElement("BUTTON");  
278    var btnli1 = document.createElement("LI");
279    btn1.innerHTML = "One"; 
280    btnli1.appendChild(btn1);                  
281    buttons1.appendChild(btnli1); 
282
283    var btn2 = document.createElement("BUTTON"); 
284    var btnli2 = document.createElement("LI"); 
285    btn2.innerHTML = "Two";                   
286    btnli2.appendChild(btn2);                  
287    buttons1.appendChild(btnli2); 
288
289    var btn3 = document.createElement("BUTTON");  
290    var btnli3 = document.createElement("LI");
291    btn3.innerHTML = "Three"; 
292    btnli3.appendChild(btn3);                  
293    buttons1.appendChild(btnli3); 
294
295    var btn4 = document.createElement("BUTTON"); 
296    var btnli4 = document.createElement("LI"); 
297    btn4.innerHTML = "Four";                   
298    btnli4.appendChild(btn4);                  
299    buttons1.appendChild(btnli4); 
300
301    // Button Clicks
302
303    btn1.onclick = function QOO(event) {
304        event.preventDefault();
305        localStorage.removeItem("A2");
306    
307        var A2 = {
308            score: 0,
309        };
310    
311        localStorage.setItem("A2", JSON.stringify(A2));
312        var allScore = document.getElementById("allScore");
313        let giveA1 = JSON.parse(localStorage.getItem('A1'));
314        let giveA2 = JSON.parse(localStorage.getItem('A2'));
315        let add1 = giveA1.score += giveA2.score;
316        console.log(add1)
317        allScore.innerHTML = add1;
318        QA1.removeChild(node1);
319        QA1.removeChild(node2);
320        QA1.removeChild(node3);
321        QA1.removeChild(node4);
322        buttons1.removeChild(btnli1);
323        buttons1.removeChild(btnli2);
324        buttons1.removeChild(btnli3);
325        buttons1.removeChild(btnli4);
326        getQuest3();
327    }
328
329    btn2.onclick = function QOTw(event) {
330        event.preventDefault();
331        localStorage.removeItem("A2");
332    
333        var A2 = {
334            score: 0,
335        };
336    
337        localStorage.setItem("A2", JSON.stringify(A2));
338        var allScore = document.getElementById("allScore");
339        let giveA1 = JSON.parse(localStorage.getItem('A1'));
340        let giveA2 = JSON.parse(localStorage.getItem('A2'));
341        let add1 = giveA1.score += giveA2.score;
342        console.log(add1)
343        allScore.innerHTML = add1;
344        QA1.removeChild(node1);
345        QA1.removeChild(node2);
346        QA1.removeChild(node3);
347        QA1.removeChild(node4);
348        buttons1.removeChild(btnli1);
349        buttons1.removeChild(btnli2);
350        buttons1.removeChild(btnli3);
351        buttons1.removeChild(btnli4);
352        getQuest3();
353    }
354
355    btn3.onclick = function QOTh(event) {
356        localStorage.removeItem("A2");
357    
358        var A2 = {
359            score: 10,
360        };
361    
362        localStorage.setItem("A2", JSON.stringify(A2));
363        var allScore = document.getElementById("allScore");
364        let giveA1 = JSON.parse(localStorage.getItem('A1'));
365        let giveA2 = JSON.parse(localStorage.getItem('A2'));
366        let add1 = giveA1.score += giveA2.score;
367        console.log(add1)
368        allScore.innerHTML = add1;
369        QA1.removeChild(node1);
370        QA1.removeChild(node2);
371        QA1.removeChild(node3);
372        QA1.removeChild(node4);
373        buttons1.removeChild(btnli1);
374        buttons1.removeChild(btnli2);
375        buttons1.removeChild(btnli3);
376        buttons1.removeChild(btnli4);
377        getQuest3();
378
379        
380    }
381
382    btn4.onclick = function QOF(event) {
383        event.preventDefault();
384        localStorage.removeItem("A2");
385    
386        var A2 = {
387            score: 5,
388        };
389    
390        localStorage.setItem("A2", JSON.stringify(A2));
391        var allScore = document.getElementById("allScore");
392        let giveA1 = JSON.parse(localStorage.getItem('A1'));
393        let giveA2 = JSON.parse(localStorage.getItem('A2'));
394        let add1 = giveA1.score += giveA2.score;
395        console.log(add1);
396        console.log("metal");
397        allScore.innerHTML = add1;
398        QA1.removeChild(node1);
399        QA1.removeChild(node2);
400        QA1.removeChild(node3);
401        QA1.removeChild(node4);
402        buttons1.removeChild(btnli1);
403        buttons1.removeChild(btnli2);
404        buttons1.removeChild(btnli3);
405        buttons1.removeChild(btnli4);
406        getQuest3();
407    }
408};
409
410// Quest Three
411
412
413function getQuest3() {
414    // Inner HTML
415
416
417
418    QN.innerHTML = "Question 3";
419    QQ.innerHTML = "Why are JavaScript and Java Interchangible?";
420
421    
422    // Nodes and Childs
423
424    var node1 = document.createElement("LI");                
425    var textnode1 = document.createTextNode("Both are a complete programming language");        
426    node1.appendChild(textnode1);                             
427    QA1.appendChild(node1); 
428    
429    var node2 = document.createElement("LI");                
430    var textnode2 = document.createTextNode("Both are client-side scripting languages");        
431    node2.appendChild(textnode2);                             
432    QA1.appendChild(node2); 
433
434    var node3 = document.createElement("LI");                
435    var textnode3 = document.createTextNode("Both were used in the creation of the telescope");        
436    node3.appendChild(textnode3);                             
437    QA1.appendChild(node3); 
438
439    var node4 = document.createElement("LI");                
440    var textnode4 = document.createTextNode("I don't recognize these as answers");        
441    node4.appendChild(textnode4);                             
442    QA1.appendChild(node4); 
443
444    // Buttons
445
446    var btn1 = document.createElement("BUTTON");  
447    var btnli1 = document.createElement("LI");
448    btn1.innerHTML = "One"; 
449    btnli1.appendChild(btn1);                  
450    buttons1.appendChild(btnli1); 
451
452    var btn2 = document.createElement("BUTTON"); 
453    var btnli2 = document.createElement("LI"); 
454    btn2.innerHTML = "Two";                   
455    btnli2.appendChild(btn2);                  
456    buttons1.appendChild(btnli2); 
457
458    var btn3 = document.createElement("BUTTON");  
459    var btnli3 = document.createElement("LI");
460    btn3.innerHTML = "Three"; 
461    btnli3.appendChild(btn3);                  
462    buttons1.appendChild(btnli3); 
463
464    var btn4 = document.createElement("BUTTON"); 
465    var btnli4 = document.createElement("LI"); 
466    btn4.innerHTML = "Four";                   
467    btnli4.appendChild(btn4);                  
468    buttons1.appendChild(btnli4); 
469
470    // Button Clicks
471
472    btn1.onclick = function QOO(event) {
473        event.preventDefault();
474        localStorage.removeItem("A3");
475    
476        var A3 = {
477            score: 0,
478        };
479    
480        localStorage.setItem("A3", JSON.stringify(A3));
481        var allScore = document.getElementById("allScore");
482        let giveA1 = JSON.parse(localStorage.getItem('A1'));
483        let giveA2 = JSON.parse(localStorage.getItem('A2'));
484        let giveA3 = JSON.parse(localStorage.getItem('A3'));
485        let add1 = giveA1.score += giveA2.score;
486        let add2 = add1 += giveA3.score;
487        console.log(add2)
488        allScore.innerHTML = add2;
489        QA1.removeChild(node1);
490        QA1.removeChild(node2);
491        QA1.removeChild(node3);
492        QA1.removeChild(node4);
493        buttons1.removeChild(btnli1);
494        buttons1.removeChild(btnli2);
495        buttons1.removeChild(btnli3);
496        buttons1.removeChild(btnli4);
497        endGame();
498    }
499
500    btn2.onclick = function QOTw(event) {
501        event.preventDefault();
502        localStorage.removeItem("A3");
503    
504        var A3 = {
505            score: 0,
506        };
507    
508        localStorage.setItem("A3", JSON.stringify(A3));
509        var allScore = document.getElementById("allScore");
510        let giveA1 = JSON.parse(localStorage.getItem('A1'));
511        let giveA2 = JSON.parse(localStorage.getItem('A2'));
512        let giveA3 = JSON.parse(localStorage.getItem('A3'));
513        let add1 = giveA1.score += giveA2.score;
514        let add2 = add1 += giveA3.score;
515        console.log(add2)
516        allScore.innerHTML = add2;
517        QA1.removeChild(node1);
518        QA1.removeChild(node2);
519        QA1.removeChild(node3);
520        QA1.removeChild(node4);
521        buttons1.removeChild(btnli1);
522        buttons1.removeChild(btnli2);
523        buttons1.removeChild(btnli3);
524        buttons1.removeChild(btnli4);
525        endGame();
526    }
527
528    btn3.onclick = function QOTh(event) {
529        event.preventDefault();
530        localStorage.removeItem("A3");
531    
532        var A3 = {
533            score: 5,
534        };
535    
536        localStorage.setItem("A3", JSON.stringify(A3));
537        var allScore = document.getElementById("allScore");
538        let giveA1 = JSON.parse(localStorage.getItem('A1'));
539        let giveA2 = JSON.parse(localStorage.getItem('A2'));
540        let giveA3 = JSON.parse(localStorage.getItem('A3'));
541        let add1 = giveA1.score += giveA2.score;
542        let add2 = add1 += giveA3.score;
543        console.log(add2)
544        console.log("because you need them")
545        allScore.innerHTML = add2;
546        QA1.removeChild(node1);
547        QA1.removeChild(node2);
548        QA1.removeChild(node3);
549        QA1.removeChild(node4);
550        buttons1.removeChild(btnli1);
551        buttons1.removeChild(btnli2);
552        buttons1.removeChild(btnli3);
553        buttons1.removeChild(btnli4);
554        endGame();
555
556        
557    }
558
559    btn4.onclick = function QOF(event) {
560        event.preventDefault();
561        localStorage.removeItem("A3");
562    
563        var A3 = {
564            score: 10,
565        };
566    
567        localStorage.setItem("A3", JSON.stringify(A3));
568        var allScore = document.getElementById("allScore");
569        let giveA1 = JSON.parse(localStorage.getItem('A1'));
570        let giveA2 = JSON.parse(localStorage.getItem('A2'));
571        let giveA3 = JSON.parse(localStorage.getItem('A3'));
572        let add1 = giveA1.score += giveA2.score;
573        let add2 = add1 += giveA3.score;
574        console.log(add2)
575        allScore.innerHTML = add2;
576        QA1.removeChild(node1);
577        QA1.removeChild(node2);
578        QA1.removeChild(node3);
579        QA1.removeChild(node4);
580        buttons1.removeChild(btnli1);
581        buttons1.removeChild(btnli2);
582        buttons1.removeChild(btnli3);
583        buttons1.removeChild(btnli4);
584        endGame();
585    }
586};
587
588// End Game 
589
590function endGame() {
591    var dividus = document.createElement("h1");
592    var hiskorz = document.createTextNode("Hi-Skorz");
593
594    var outers1 = document.createElement("OL")
595    var hsnode1 = document.createElement("LI");                
596    var hstextnode1 = document.createTextNode("HS1");  
597
598
599    chere.removeChild(butters);
600    chere.removeChild(container);
601    chere.removeChild(skip);
602    chere.removeChild(cells);
603
604    dividus.appendChild(hiskorz);
605    chere.appendChild(dividus);  
606
607    hsnode1.appendChild(hstextnode1);     
608
609    outers1.appendChild(hsnode1);
610    chere.appendChild(outers1);
611    
612                         
613};

Source: newscript.js

// Vars

var QN = document.getElementById('QN');
var QQ = document.getElementById('QQ');
var QA1 = document.getElementById('QA1');
var buttons1 = document.getElementById('buttons1')
var dip = document.getElementById('dip')
var container = document.getElementById('container')
var butters = document.getElementById('butters')
var chere = document.getElementById('chere')
var skip = document.getElementById('skip')
var cells = document.getElementById('cells');
var clicks = 0;


// Timer

function startTimer(duration, display) {
    var start = Date.now(),
        diff,
        minutes,
        seconds;
    function timer() {
        // get the number of seconds that have elapsed since 
        // startTimer() was called
        diff = duration - (((Date.now() - start) / 1000) | 0);
  
        // does the same job as parseInt truncates the float
        minutes = (diff / 60) | 0;
        seconds = (diff % 60) | 0;
  
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
  
        display.textContent = minutes + ":" + seconds; 
  
        if (diff <= 0) {
            // add one second so that the count down starts at the full duration
            // example 05:00 not 04:59
            start = Date.now() + 1000;
        }
    };
    // we don't want to wait a full second before the timer starts
    timer();
    setInterval(timer, 1000);
  };
  
  function timerOp() {
    var twoMinutes = 60 * 2,
    display = document.querySelector('#timerLocation');
    startTimer(twoMinutes, display);
  };

  $( "#startTimer" ).click(function(event) {
    event.preventDefault();
    var ogscorz = 0;
    var ogplacement = document.getElementById('allScore');
    ogplacement.innerHTML = ogscorz;
    timerOp();
    getQuest1();
    container.removeChild(dip)
  });


// Quest One


  function getQuest1() {
    // Inner HTML

    QN.innerHTML = "Question 1";
    QQ.innerHTML = "What is JavaScript?";

    // Nodes and Childs

    var node1 = document.createElement("LI");                
    var textnode1 = document.createTextNode("Client-Side Scripting Language");        
    node1.appendChild(textnode1);                             
    QA1.appendChild(node1); 
    
    var node2 = document.createElement("LI");                
    var textnode2 = document.createTextNode("Pancakes for breakfast");        
    node2.appendChild(textnode2);                             
    QA1.appendChild(node2); 

    var node3 = document.createElement("LI");                
    var textnode3 = document.createTextNode("A database intended for audio engineering");        
    node3.appendChild(textnode3);                             
    QA1.appendChild(node3); 

    var node4 = document.createElement("LI");                
    var textnode4 = document.createTextNode("William is the greatest");        
    node4.appendChild(textnode4);                             
    QA1.appendChild(node4); 

    // Buttons

    var btn1 = document.createElement("BUTTON");  
    var btnli1 = document.createElement("LI");
    btn1.innerHTML = "One"; 
    btnli1.appendChild(btn1);                  
    buttons1.appendChild(btnli1); 

    var btn2 = document.createElement("BUTTON"); 
    var btnli2 = document.createElement("LI"); 
    btn2.innerHTML = "Two";                   
    btnli2.appendChild(btn2);                  
    buttons1.appendChild(btnli2); 

    var btn3 = document.createElement("BUTTON");  
    var btnli3 = document.createElement("LI");
    btn3.innerHTML = "Three"; 
    btnli3.appendChild(btn3);                  
    buttons1.appendChild(btnli3); 

    var btn4 = document.createElement("BUTTON"); 
    var btnli4 = document.createElement("LI"); 
    btn4.innerHTML = "Four";                   
    btnli4.appendChild(btn4);                  
    buttons1.appendChild(btnli4); 

    // Button Clicks

    btn1.onclick = function QOO(event) {
        event.preventDefault();
        
        localStorage.removeItem("A1");

        var A1 = {
            score: 10,
        };
    
        localStorage.setItem("A1", JSON.stringify(A1));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        allScore.innerHTML = giveA1.score;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest2();
    }

    btn2.onclick = function QOTw(event) {
        event.preventDefault();
        localStorage.removeItem("A1");
    
        var A1 = {
            score: 0,
        };
    
        localStorage.setItem("A1", JSON.stringify(A1));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        allScore.innerHTML = giveA1.score;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest2();

        
    }

    btn3.onclick = function QOTh(event) {
        event.preventDefault();
        localStorage.removeItem("A1");

        var A1 = {
            score: 0,
        };
    
        localStorage.setItem("A1", JSON.stringify(A1));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        allScore.innerHTML = giveA1.score;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest2();


    }

    btn4.onclick = function QOTh(event) {
        event.preventDefault();
        localStorage.removeItem("A1");

        var A1 = {
            score: 5,
        };
    
        localStorage.setItem("A1", JSON.stringify(A1));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        allScore.innerHTML = giveA1.score;
        console.log("all flattery is truth")
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest2();

    }
};


// Quest Two


function getQuest2() {
    // Inner HTML



    QN.innerHTML = "Question 2";
    QQ.innerHTML = "What is this: ";

    var divinus = document.createElement("DIV")
    var dankCode = document.createElement("BUTTON");
    var wordz = document.createTextNode("EXAMPLE");
    var div2 = document.createElement("div");
    
    dankCode.appendChild(wordz);
    divinus.appendChild(dankCode);
    QQ.appendChild(divinus);
    divinus.appendChild(div2);

    dankCode.onclick = function tracking() {
        clicks += 1;
        console.log("clicks");
        div2.innerHTML = clicks;
    
    };
    
    // Nodes and Childs

    var node1 = document.createElement("LI");                
    var textnode1 = document.createTextNode("Click Defusser (yes, to de-fuss)");        
    node1.appendChild(textnode1);                             
    QA1.appendChild(node1); 
    
    var node2 = document.createElement("LI");                
    var textnode2 = document.createTextNode("Click Refractor");        
    node2.appendChild(textnode2);                             
    QA1.appendChild(node2); 

    var node3 = document.createElement("LI");                
    var textnode3 = document.createTextNode("Click Counter");        
    node3.appendChild(textnode3);                             
    QA1.appendChild(node3); 

    var node4 = document.createElement("LI");                
    var textnode4 = document.createTextNode("Click Decapitator");        
    node4.appendChild(textnode4);                             
    QA1.appendChild(node4); 

    // Buttons

    var btn1 = document.createElement("BUTTON");  
    var btnli1 = document.createElement("LI");
    btn1.innerHTML = "One"; 
    btnli1.appendChild(btn1);                  
    buttons1.appendChild(btnli1); 

    var btn2 = document.createElement("BUTTON"); 
    var btnli2 = document.createElement("LI"); 
    btn2.innerHTML = "Two";                   
    btnli2.appendChild(btn2);                  
    buttons1.appendChild(btnli2); 

    var btn3 = document.createElement("BUTTON");  
    var btnli3 = document.createElement("LI");
    btn3.innerHTML = "Three"; 
    btnli3.appendChild(btn3);                  
    buttons1.appendChild(btnli3); 

    var btn4 = document.createElement("BUTTON"); 
    var btnli4 = document.createElement("LI"); 
    btn4.innerHTML = "Four";                   
    btnli4.appendChild(btn4);                  
    buttons1.appendChild(btnli4); 

    // Button Clicks

    btn1.onclick = function QOO(event) {
        event.preventDefault();
        localStorage.removeItem("A2");
    
        var A2 = {
            score: 0,
        };
    
        localStorage.setItem("A2", JSON.stringify(A2));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let add1 = giveA1.score += giveA2.score;
        console.log(add1)
        allScore.innerHTML = add1;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest3();
    }

    btn2.onclick = function QOTw(event) {
        event.preventDefault();
        localStorage.removeItem("A2");
    
        var A2 = {
            score: 0,
        };
    
        localStorage.setItem("A2", JSON.stringify(A2));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let add1 = giveA1.score += giveA2.score;
        console.log(add1)
        allScore.innerHTML = add1;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest3();
    }

    btn3.onclick = function QOTh(event) {
        localStorage.removeItem("A2");
    
        var A2 = {
            score: 10,
        };
    
        localStorage.setItem("A2", JSON.stringify(A2));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let add1 = giveA1.score += giveA2.score;
        console.log(add1)
        allScore.innerHTML = add1;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest3();

        
    }

    btn4.onclick = function QOF(event) {
        event.preventDefault();
        localStorage.removeItem("A2");
    
        var A2 = {
            score: 5,
        };
    
        localStorage.setItem("A2", JSON.stringify(A2));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let add1 = giveA1.score += giveA2.score;
        console.log(add1);
        console.log("metal");
        allScore.innerHTML = add1;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        getQuest3();
    }
};

// Quest Three


function getQuest3() {
    // Inner HTML



    QN.innerHTML = "Question 3";
    QQ.innerHTML = "Why are JavaScript and Java Interchangible?";

    
    // Nodes and Childs

    var node1 = document.createElement("LI");                
    var textnode1 = document.createTextNode("Both are a complete programming language");        
    node1.appendChild(textnode1);                             
    QA1.appendChild(node1); 
    
    var node2 = document.createElement("LI");                
    var textnode2 = document.createTextNode("Both are client-side scripting languages");        
    node2.appendChild(textnode2);                             
    QA1.appendChild(node2); 

    var node3 = document.createElement("LI");                
    var textnode3 = document.createTextNode("Both were used in the creation of the telescope");        
    node3.appendChild(textnode3);                             
    QA1.appendChild(node3); 

    var node4 = document.createElement("LI");                
    var textnode4 = document.createTextNode("I don't recognize these as answers");        
    node4.appendChild(textnode4);                             
    QA1.appendChild(node4); 

    // Buttons

    var btn1 = document.createElement("BUTTON");  
    var btnli1 = document.createElement("LI");
    btn1.innerHTML = "One"; 
    btnli1.appendChild(btn1);                  
    buttons1.appendChild(btnli1); 

    var btn2 = document.createElement("BUTTON"); 
    var btnli2 = document.createElement("LI"); 
    btn2.innerHTML = "Two";                   
    btnli2.appendChild(btn2);                  
    buttons1.appendChild(btnli2); 

    var btn3 = document.createElement("BUTTON");  
    var btnli3 = document.createElement("LI");
    btn3.innerHTML = "Three"; 
    btnli3.appendChild(btn3);                  
    buttons1.appendChild(btnli3); 

    var btn4 = document.createElement("BUTTON"); 
    var btnli4 = document.createElement("LI"); 
    btn4.innerHTML = "Four";                   
    btnli4.appendChild(btn4);                  
    buttons1.appendChild(btnli4); 

    // Button Clicks

    btn1.onclick = function QOO(event) {
        event.preventDefault();
        localStorage.removeItem("A3");
    
        var A3 = {
            score: 0,
        };
    
        localStorage.setItem("A3", JSON.stringify(A3));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let giveA3 = JSON.parse(localStorage.getItem('A3'));
        let add1 = giveA1.score += giveA2.score;
        let add2 = add1 += giveA3.score;
        console.log(add2)
        allScore.innerHTML = add2;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        endGame();
    }

    btn2.onclick = function QOTw(event) {
        event.preventDefault();
        localStorage.removeItem("A3");
    
        var A3 = {
            score: 0,
        };
    
        localStorage.setItem("A3", JSON.stringify(A3));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let giveA3 = JSON.parse(localStorage.getItem('A3'));
        let add1 = giveA1.score += giveA2.score;
        let add2 = add1 += giveA3.score;
        console.log(add2)
        allScore.innerHTML = add2;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        endGame();
    }

    btn3.onclick = function QOTh(event) {
        event.preventDefault();
        localStorage.removeItem("A3");
    
        var A3 = {
            score: 5,
        };
    
        localStorage.setItem("A3", JSON.stringify(A3));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let giveA3 = JSON.parse(localStorage.getItem('A3'));
        let add1 = giveA1.score += giveA2.score;
        let add2 = add1 += giveA3.score;
        console.log(add2)
        console.log("because you need them")
        allScore.innerHTML = add2;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        endGame();

        
    }

    btn4.onclick = function QOF(event) {
        event.preventDefault();
        localStorage.removeItem("A3");
    
        var A3 = {
            score: 10,
        };
    
        localStorage.setItem("A3", JSON.stringify(A3));
        var allScore = document.getElementById("allScore");
        let giveA1 = JSON.parse(localStorage.getItem('A1'));
        let giveA2 = JSON.parse(localStorage.getItem('A2'));
        let giveA3 = JSON.parse(localStorage.getItem('A3'));
        let add1 = giveA1.score += giveA2.score;
        let add2 = add1 += giveA3.score;
        console.log(add2)
        allScore.innerHTML = add2;
        QA1.removeChild(node1);
        QA1.removeChild(node2);
        QA1.removeChild(node3);
        QA1.removeChild(node4);
        buttons1.removeChild(btnli1);
        buttons1.removeChild(btnli2);
        buttons1.removeChild(btnli3);
        buttons1.removeChild(btnli4);
        endGame();
    }
};

// End Game 

function endGame() {
    var dividus = document.createElement("h1");
    var hiskorz = document.createTextNode("Hi-Skorz");

    var outers1 = document.createElement("OL")
    var hsnode1 = document.createElement("LI");                
    var hstextnode1 = document.createTextNode("HS1");  


    chere.removeChild(butters);
    chere.removeChild(container);
    chere.removeChild(skip);
    chere.removeChild(cells);

    dividus.appendChild(hiskorz);
    chere.appendChild(dividus);  

    hsnode1.appendChild(hstextnode1);     

    outers1.appendChild(hsnode1);
    chere.appendChild(outers1);
    
                         
};

1// 取回本地数据
2var outValue =JSON.parse(localStorage.getItem("outValue"));
3console.log(outValue);
4// 捕捉要复制的节点
5var boxFLex=document.getElementsByClassName("box-flex");
6// 捕捉父级节点
7var main=document.getElementsByTagName("main")[0];
8//console.log(boxFLex);
9
10// 循环创建创建初始信息
11function clone(){
12    // 创建对应数量的窗口
13    for(let i=0;i<outValue.length-1;i++){
14        var newNode=boxFLex[0].cloneNode(true);
15        main.appendChild(newNode);
16    }
17    // 赋予对应窗口的身份
18    for(let i=0;i<outValue.length;i++){
19        let num=i+1;
20        boxFLex[i].getElementsByClassName("name")[0].innerHTML=outValue[i];
21       boxFLex[i].getElementsByClassName("number")[0].innerHTML=num;
22    }   
23    // 移除身份不符合的功能
24   for(let i=0;i<outValue.length;i++){
25    // 捕获对应节点下的功能表
26    let fun=boxFLex[i].getElementsByClassName("fun")[0];
27    let knife=boxFLex[i].getElementsByClassName("knife")[0];
28    let check=boxFLex[i].getElementsByClassName("check")[0];
29    let gun=boxFLex[i].getElementsByClassName("gun")[0];
30    let save=boxFLex[i].getElementsByClassName("save")[0];
31    switch(true){
32        case outValue[i]=="村民":
33        fun.removeChild(knife);
34        fun.removeChild(check);
35        fun.removeChild(gun);
36        fun.removeChild(save);
37        console.log(1);
38        break;
39        case outValue[i]=="狼人":
40        fun.removeChild(check);
41        fun.removeChild(gun);
42        fun.removeChild(save);
43        break;
44        case outValue[i]=="猎人":
45        fun.removeChild(knife);
46        fun.removeChild(check);
47        fun.removeChild(save);
48        break;
49        case outValue[i]=="女巫":
50        fun.removeChild(check);
51        fun.removeChild(gun);
52        break;
53        case outValue[i]=="白痴":
54        fun.removeChild(knife);
55        fun.removeChild(check);
56        fun.removeChild(gun);
57        fun.removeChild(save);
58        break;
59        case outValue[i]=="守卫":
60        fun.removeChild(knife);
61        fun.removeChild(check);
62        fun.removeChild(gun);
63        break;
64        case outValue[i]=="预言家":
65        fun.removeChild(knife);
66        fun.removeChild(save);
67        fun.removeChild(gun);
68        break;
69    }
70   }
71}
72clone();
73console.log(boxFLex[1])

Source: 3.js

// 取回本地数据
var outValue =JSON.parse(localStorage.getItem("outValue"));
console.log(outValue);
// 捕捉要复制的节点
var boxFLex=document.getElementsByClassName("box-flex");
// 捕捉父级节点
var main=document.getElementsByTagName("main")[0];
//console.log(boxFLex);

// 循环创建创建初始信息
function clone(){
    // 创建对应数量的窗口
    for(let i=0;i<outValue.length-1;i++){
        var newNode=boxFLex[0].cloneNode(true);
        main.appendChild(newNode);
    }
    // 赋予对应窗口的身份
    for(let i=0;i<outValue.length;i++){
        let num=i+1;
        boxFLex[i].getElementsByClassName("name")[0].innerHTML=outValue[i];
       boxFLex[i].getElementsByClassName("number")[0].innerHTML=num;
    }   
    // 移除身份不符合的功能
   for(let i=0;i<outValue.length;i++){
    // 捕获对应节点下的功能表
    let fun=boxFLex[i].getElementsByClassName("fun")[0];
    let knife=boxFLex[i].getElementsByClassName("knife")[0];
    let check=boxFLex[i].getElementsByClassName("check")[0];
    let gun=boxFLex[i].getElementsByClassName("gun")[0];
    let save=boxFLex[i].getElementsByClassName("save")[0];
    switch(true){
        case outValue[i]=="村民":
        fun.removeChild(knife);
        fun.removeChild(check);
        fun.removeChild(gun);
        fun.removeChild(save);
        console.log(1);
        break;
        case outValue[i]=="狼人":
        fun.removeChild(check);
        fun.removeChild(gun);
        fun.removeChild(save);
        break;
        case outValue[i]=="猎人":
        fun.removeChild(knife);
        fun.removeChild(check);
        fun.removeChild(save);
        break;
        case outValue[i]=="女巫":
        fun.removeChild(check);
        fun.removeChild(gun);
        break;
        case outValue[i]=="白痴":
        fun.removeChild(knife);
        fun.removeChild(check);
        fun.removeChild(gun);
        fun.removeChild(save);
        break;
        case outValue[i]=="守卫":
        fun.removeChild(knife);
        fun.removeChild(check);
        fun.removeChild(gun);
        break;
        case outValue[i]=="预言家":
        fun.removeChild(knife);
        fun.removeChild(save);
        fun.removeChild(gun);
        break;
    }
   }
}
clone();
console.log(boxFLex[1])

1/* Any copyright is dedicated to the Public Domain.
2 * http://creativecommons.org/publicdomain/zero/1.0/ */
3
4"use strict";
5
6// ------------------------------------------------------------------------------
7// Requirements
8// ------------------------------------------------------------------------------
9
10var rule = require("../lib/rules/avoid-removeChild");
11var RuleTester = require("eslint/lib/testers/rule-tester");
12
13const ruleTester = new RuleTester({ parserOptions: { ecmaVersion: 6 } });
14
15// ------------------------------------------------------------------------------
16// Tests
17// ------------------------------------------------------------------------------
18
19function invalidCode(code, message) {
20  if (!message) {
21    message =
22      "use element.remove() instead of " +
23      "element.parentNode.removeChild(element)";
24  }
25  return { code, errors: [{ message, type: "CallExpression" }] };
26}
27
28ruleTester.run("avoid-removeChild", rule, {
29  valid: [
30    "elt.remove();",
31    "elt.parentNode.parentNode.removeChild(elt2.parentNode);",
32    "elt.parentNode.removeChild(elt2);",
33    "elt.removeChild(elt2);",
34  ],
35  invalid: [
36    invalidCode("elt.parentNode.removeChild(elt);"),
37    invalidCode("elt.parentNode.parentNode.removeChild(elt.parentNode);"),
38    invalidCode("$(e).parentNode.removeChild($(e));"),
39    invalidCode("$('e').parentNode.removeChild($('e'));"),
40    invalidCode(
41      "elt.removeChild(elt.firstChild);",
42      "use element.firstChild.remove() instead of " +
43        "element.removeChild(element.firstChild)"
44    ),
45  ],
46});
47

Source: avoid-removeChild.js

/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// ------------------------------------------------------------------------------
// Requirements
// ------------------------------------------------------------------------------

var rule = require("../lib/rules/avoid-removeChild");
var RuleTester = require("eslint/lib/testers/rule-tester");

const ruleTester = new RuleTester({ parserOptions: { ecmaVersion: 6 } });

// ------------------------------------------------------------------------------
// Tests
// ------------------------------------------------------------------------------

function invalidCode(code, message) {
  if (!message) {
    message =
      "use element.remove() instead of " +
      "element.parentNode.removeChild(element)";
  }
  return { code, errors: [{ message, type: "CallExpression" }] };
}

ruleTester.run("avoid-removeChild", rule, {
  valid: [
    "elt.remove();",
    "elt.parentNode.parentNode.removeChild(elt2.parentNode);",
    "elt.parentNode.removeChild(elt2);",
    "elt.removeChild(elt2);",
  ],
  invalid: [
    invalidCode("elt.parentNode.removeChild(elt);"),
    invalidCode("elt.parentNode.parentNode.removeChild(elt.parentNode);"),
    invalidCode("$(e).parentNode.removeChild($(e));"),
    invalidCode("$('e').parentNode.removeChild($('e'));"),
    invalidCode(
      "elt.removeChild(elt.firstChild);",
      "use element.firstChild.remove() instead of " +
        "element.removeChild(element.firstChild)"
    ),
  ],
});