blob: 7cdf32843009bf78c9a7d8ebfb07ebeffba1bc02 (
plain)
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
|
var rowsDiv = document.getElementById("rows");
var rowId = rowsDiv.children.length;
function handleAdd() {
newRow = rowsDiv.children[0].cloneNode(true);
exerciseNameInput = newRow.children[0].children[0].children[0].children[0];
exerciseNameInput.value = '';
exerciseNameInput.name = 'exercises-' + rowId + '-name';
exerciseSetInput = newRow.children[0].children[1].children[0].children[0];
exerciseSetInput.value = '';
exerciseSetInput.name = 'exercises-' + rowId + '-sets';
exerciseUnitInput = newRow.children[0].children[2].children[1];
exerciseUnitInput.value = '';
exerciseUnitInput.placeholder = 'Reps';
exerciseUnitInput.name = 'exercises-' + rowId + '-units';
exerciseUnitInput.parentNode.children[0].children[0].children[0].addEventListener("input", handleChange);
rowId++;
rowsDiv.append(newRow);
}
function handleDel(elem) {
if (rowId > 1) {
elem.parentNode.parentNode.remove();
rowId--;
}
}
document.getElementById("add").onclick = handleAdd;
function handleChange(elem) {
if (elem.target.value == 'time') {
elem.target.parentNode.parentNode.parentNode.children[1].placeholder = "Time";
elem.target.parentNode.parentNode.parentNode.children[1].selected = true;
elem.target.parentNode.parentNode.children[1].children[0].classList.remove('fa-calculator');
elem.target.parentNode.parentNode.children[1].children[0].classList.add('fa-clock-o');
} else if (elem.target.value == 'reps') {
elem.target.parentNode.parentNode.children[1].children[0].classList.add('fa-calculator');
elem.target.parentNode.parentNode.children[1].children[0].classList.remove('fa-clock-o');
elem.target.parentNode.parentNode.parentNode.children[1].selected = true;
elem.target.parentNode.parentNode.parentNode.children[1].placeholder = "Reps";
}
}
for (row of rowsDiv.children) {
row.children[0].children[2].children[0].children[0].children[0].addEventListener('input', handleChange);
}
|
