Repository navigation
Expand file tree
/
Copy pathstackVisualizerJ.js
More file actions
100 lines (91 loc) · 5.27 KB
/
Copy pathstackVisualizerJ.js
File metadata and controls
100 lines (91 loc) · 5.27 KB
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
var enterElement = document.getElementById("enterElement");
var getElement = document.getElementById("getElement");
var deleteElement = document.getElementById("deleteElement");
var printArray = document.getElementById("printArrayUTTON");
var arrayDsa = [];
enterElement.onclick = function(){
document.getElementById("peekElementResult").innerHTML = "";
document.getElementById("successMessage").innerHTML = "";
document.getElementById("printArray").innerHTML = "";
document.getElementById("popElementResult").innerHTML = ""
/***************************************decide visibility of element************************************************/
document.getElementById("enterElementDiv").style.display = "block";
document.getElementById("popElementDiv").style.display = "none";
document.getElementById("peekElementDiv").style.display = "none";
document.getElementById("printStackDiv").style.display = "none";
/******************************************************************************************************************** */
document.getElementById("enterData").onclick = function(){
var data = document.getElementById("enterElementInput").value;
if(data!=="") {
arrayDsa.push(data);
console.log(arrayDsa);
document.getElementById("successMessage").innerHTML = "Data Pushed succesfully in Stack!!";
document.getElementById("successMessage").style.backgroundColor = "rgb(142, 204, 142)";
document.getElementById("enterElementInput").value = "";
}
else{
document.getElementById("successMessage").innerHTML = "Please Enter some data !!";
document.getElementById("successMessage").style.backgroundColor = "rgb(248, 150, 138)";
}
}
}
popElement.onclick = function(){
document.getElementById("peekElementResult").innerHTML = "";
document.getElementById("successMessage").innerHTML = "";
document.getElementById("printArray").innerHTML = "";
document.getElementById("popElementResult").innerHTML = ""
/***************************************decide visibility of element************************************************/
document.getElementById("enterElementDiv").style.display = "none";
document.getElementById("popElementDiv").style.display = "block";
document.getElementById("peekElementDiv").style.display = "none";
document.getElementById("printStackDiv").style.display = "none";
/******************************************************************************************************************** */
var si = arrayDsa.length;
if(si==0){
document.getElementById("popElementResult").innerHTML = "Can't pop Element from Empty Stack";
document.getElementById("popElementResult").style.backgroundColor = "rgb(248, 150, 138)";
}
else{
arrayDsa.splice(si-1,1);
document.getElementById("popElementResult").innerHTML = "Data popped Successfully";;
document.getElementById("popElementResult").style.backgroundColor = "rgb(142, 204, 142)";
}
}
peekElement.onclick = function(){
document.getElementById("peekElementResult").innerHTML = "";
document.getElementById("successMessage").innerHTML = "";
document.getElementById("printArray").innerHTML = "";
document.getElementById("popElementResult").innerHTML = ""
/***************************************decide visibility of element************************************************/
document.getElementById("enterElementDiv").style.display = "none";
document.getElementById("popElementDiv").style.display = "none";
document.getElementById("peekElementDiv").style.display = "block";
document.getElementById("printStackDiv").style.display = "none";
/******************************************************************************************************************** */
var si = arrayDsa.length;
if(si==0){
document.getElementById("peekElementResult").innerHTML = "Stack is Empty Presently";
document.getElementById("peekElementResult").style.backgroundColor = "rgb(248, 150, 138)";
}
else{
document.getElementById("peekElementResult").innerHTML = "Top Most Element of Stack = "+arrayDsa[si-1];
document.getElementById("peekElementResult").style.backgroundColor = "rgb(142, 204, 142)";
}
}
printStackButton.onclick = function(){
document.getElementById("peekElementResult").innerHTML = "";
document.getElementById("successMessage").innerHTML = "";
document.getElementById("printArray").innerHTML = "";
document.getElementById("popElementResult").innerHTML = ""
/***************************************decide visibility of element************************************************/
document.getElementById("enterElementDiv").style.display = "none";
document.getElementById("popElementDiv").style.display = "none";
document.getElementById("peekElementDiv").style.display = "none";
document.getElementById("printStackDiv").style.display = "block";
/******************************************************************************************************************** */
var res = "";
for(i=0;i<arrayDsa.length;i++){
res+=arrayDsa[i]+" | ";
}
document.getElementById("printArray").innerHTML = res;
}