LearnAlgorithm/main.js at master · EmishaCommunity/LearnAlgorithm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
constcells=document.getElementsByClassName('cell');
constshortestPathNodes=[10,11,19,27,26,25,24,32,40,48,49,50,51,43,44,45,46];

letactiveNodeIndex=-1;

constadjacencyList={
"10":[2,9,11,18],
"11":[3,12,19],
"19":[20,27],
"27":[26,28,35],
"26":[25,34],
"25":[17,24,33],
"24":[16,32],
"32":[40],
"40":[48,41],
"48":[56,49],
"49":[50,57],
"50":[42,51,58],
"51":[52,43,59],
"43":[36,44],
"44":[45],
"45":[46]
}

letactiveListeneresOn=[];

functionaddListener(){
activeNodeIndex+=1;
letactiveNode=shortestPathNodes[activeNodeIndex];
if(activeNodeIndex===shortestPathNodes.length-1){
alert('You Won!!');
return;
}
cells[activeNode]
.addEventListener('click',(e)=>{
for(constiofadjacencyList[activeNode]){
cells[i].classList.add('green');
}
if(activeNodeIndex!==0)
e.target.parentElement.classList.add('yellow');
if(activeNodeIndex<shortestPathNodes.length)
addListener();
})
activeListeneresOn.push(activeNode);
}

window.onload=addListener;