-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
110 lines (97 loc) · 3.44 KB
/
script.js
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
document.addEventListener('DOMContentLoaded', function() {
var darkModeToggle = document.getElementById('dark-mode-toggle');
darkModeToggle.addEventListener('click', function() {
document.body.classList.toggle('dark-mode');
});
fetch('https://api.npoint.io/5808aae7b8a1ad7301f4')
.then(response => response.json())
.then(data => {
var select = document.createElement('select');
var defaultOption = document.createElement('option');
defaultOption.text = 'Select';
select.add(defaultOption);
data.forEach(function(item) {
var option = document.createElement('option');
option.value = item.value;
option.text = item.name;
select.add(option);
});
var itemsDiv = document.getElementById('items');
itemsDiv.appendChild(select);
select.addEventListener('change', function() {
var selectedOption = select.options[select.selectedIndex];
if (selectedOption.value !== '') {
addSelectedObject(selectedOption.text, parseInt(selectedOption.value));
calculate();
select.selectedIndex = 0;
}
});
})
.catch(error => {
console.error('Error loading items:', error);
});
document.getElementById('details-dropdown').addEventListener('change', function() {
calculate();
});
document.getElementById('clear-all-button').addEventListener('click', function() {
selectedObjects = [];
updateSelectedObjectsList();
calculate();
});
});
var selectedObjects = [];
function addSelectedObject(name, value) {
var existingObjectIndex = selectedObjects.findIndex(obj => obj.name === name);
if (existingObjectIndex !== -1) {
selectedObjects[existingObjectIndex].quantity++;
} else {
selectedObjects.push({name: name, value: value, quantity: 1});
}
updateSelectedObjectsList();
}
function removeSelectedObject(index) {
selectedObjects.splice(index, 1);
updateSelectedObjectsList();
calculate();
}
function updateSelectedObjectsList() {
var selectedObjectsList = document.getElementById('selected-objects');
selectedObjectsList.innerHTML = '';
selectedObjects.forEach(function(obj, index) {
var listItem = document.createElement('li');
var quantityInput = document.createElement('input');
quantityInput.type = 'text';
quantityInput.value = obj.quantity;
quantityInput.classList.add('quantity-input');
quantityInput.addEventListener('input', function() {
var newQuantity = parseInt(quantityInput.value);
if (!isNaN(newQuantity) && newQuantity >= 0) {
if (newQuantity === 0) {
removeSelectedObject(index);
} else {
selectedObjects[index].quantity = newQuantity;
calculate();
}
}
});
listItem.appendChild(quantityInput);
listItem.appendChild(document.createTextNode(obj.name));
var removeButton = document.createElement('button');
removeButton.innerText = 'X';
removeButton.addEventListener('click', function() {
removeSelectedObject(index);
});
listItem.appendChild(removeButton);
selectedObjectsList.appendChild(listItem);
});
}
function calculate() {
var sum = 0;
var multiplier = parseInt(document.getElementById('details-dropdown').value);
selectedObjects.forEach(function(obj) {
sum += obj.value * obj.quantity * multiplier;
});
document.getElementById('result').innerText = sum;
}
calculate();
document.body.classList.toggle('dark-mode');