-
Notifications
You must be signed in to change notification settings - Fork 0
/
3.03 Add Remove.html
117 lines (89 loc) · 3.36 KB
/
3.03 Add Remove.html
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Javascript pop element from array</title>
</head>
<body>
<h1>Javascript labs</h1>
<h2>Lab 22 - Pop element from array</h2>
<input type="number" id="push" />
<!-- add element to end of array -->
<input type="button" value="Push member to array" id="do" />
<!-- remove last element of the array -->
<input type="button" value="Pop member from array" id="pop" />
<!-- remove the first element of the array -->
<input type="button" value="Shift member up array" id="shiftU" />
<!-- add to the first element of the array -->
<input type="button" value="Shift member down array" id="unshift" />
<p id="lab22result"></p>
<script>
var input;
var addArray = document.getElementById("do");
var removeArray = document.getElementById("pop");
var results = document.getElementById("lab22result");
var shiftUp = document.getElementById("shiftU");
var shiftD = document.getElementById("unshift");
/*var popE = document.getElementById();
var removeE = document.getElementById();
var addE = document.getElementById();*/
addArray.addEventListener("click", add, "false");
removeArray.addEventListener("click", remove, "false");
shiftUp.addEventListener("click", moveUp, "false");
shiftD.addEventListener("click", moveDown, "false");
var myScript = [];
function add() {
input = parseInt(document.getElementById("push").value);
/*console.log(pushE.value);*/
myScript.push(input);
console.log(myScript);
results.innerHTML = myScript;
}
function remove() {
/*console.log(pushE.value);*/
myScript.pop(myScript);
console.log(myScript);
results.innerHTML = myScript;
}
var move = function(element, delta) {
var index = myScript.indexOf(element);
var newIndex = index + delta;
if (newIndex < 0 || newIndex == myScript.length) return; //Already at the top or bottom.
var indexes = [index, newIndex].sort(); //Sort the indixes
myScript.splice(indexes[0], 2, myScript[indexes[1]], myScript[indexes[0]]); //Replace from lowest index, two elements, reverting the order
};
function moveUp (element) {
var myelement = parseInt(document.getElementById("push").value);
move(myelement, 1);
results.innerHTML = myScript;
};
function moveDown (element) {
var myelement = parseInt(document.getElementById("push").value);
move(myelement, -1);
results.innerHTML = myScript;
};
/*var moveUp = function(array, element) {
move(array, element, -1);
};
*/
/*var move = function(array, element, delta) {
var index = array.indexOf(element);
var newIndex = index + delta;
if (newIndex < 0 || newIndex == array.length) return; //Already at the top or bottom.
var indexes = [index, newIndex].sort(); //Sort the indixes
array.splice(indexes[0], 2, array[indexes[1]], array[indexes[0]]); //Replace from lowest index, two elements, reverting the order
};
var moveUp = function(array, element) {
move(array, element, -1);
};
var moveDown = function(array, element) {
move(array, element, 1);
};
//Test
var array = [1, 2, 3, 4, 5];
moveUp(array, 4);
moveUp(array, 2);
moveDown(array, 5); */
</script>
</body>
</html>