mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-06-09 00:29:31 +00:00
voltage puzzle (sorta) working.
- Need to configure initial voltage display. - Changed values so only one correct combination.
This commit is contained in:
parent
7f313f460b
commit
19fedb606a
18
index.html
18
index.html
|
@ -30,13 +30,13 @@
|
|||
<p>High</p>
|
||||
<div class="toggle-switch switch-vertical">
|
||||
<input
|
||||
id="toggle-high"
|
||||
class="toggle-high"
|
||||
type="radio"
|
||||
name="switch-one"
|
||||
value="60"
|
||||
/>
|
||||
<input
|
||||
id="toggle-low"
|
||||
class="toggle-low"
|
||||
type="radio"
|
||||
name="switch-one"
|
||||
value="30"
|
||||
|
@ -51,13 +51,13 @@
|
|||
<p>High</p>
|
||||
<div class="toggle-switch switch-vertical">
|
||||
<input
|
||||
id="toggle-high"
|
||||
class="toggle-high"
|
||||
type="radio"
|
||||
name="switch-two"
|
||||
value="80"
|
||||
value="70"
|
||||
/>
|
||||
<input
|
||||
id="toggle-low"
|
||||
class="toggle-low"
|
||||
type="radio"
|
||||
name="switch-two"
|
||||
value="20"
|
||||
|
@ -72,13 +72,13 @@
|
|||
<p>High</p>
|
||||
<div class="toggle-switch switch-vertical">
|
||||
<input
|
||||
id="toggle-high"
|
||||
class="toggle-high"
|
||||
type="radio"
|
||||
name="switch-three"
|
||||
value="50"
|
||||
/>
|
||||
<input
|
||||
id="toggle-low"
|
||||
class="toggle-low"
|
||||
type="radio"
|
||||
name="switch-three"
|
||||
value="40"
|
||||
|
@ -93,13 +93,13 @@
|
|||
<p>High</p>
|
||||
<div class="toggle-switch switch-vertical">
|
||||
<input
|
||||
id="toggle-high"
|
||||
class="toggle-high"
|
||||
type="radio"
|
||||
name="switch-four"
|
||||
value="100"
|
||||
/>
|
||||
<input
|
||||
id="toggle-low"
|
||||
class="toggle-low"
|
||||
type="radio"
|
||||
name="switch-four"
|
||||
value="40"
|
||||
|
|
|
@ -29,28 +29,18 @@ document.getElementById("start-timer").addEventListener("click", () => {
|
|||
const voltageDisplay = document.getElementById("current-voltage");
|
||||
const voltageToggleInputs = document.querySelectorAll('input[type="radio"]');
|
||||
|
||||
let totalVoltage = 0;
|
||||
const checkVoltage = () => {
|
||||
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
||||
if (voltageToggleInputs[i].checked) {
|
||||
totalVoltage = parseInt(voltageToggleInputs[i].value);
|
||||
}
|
||||
}
|
||||
|
||||
// totalVoltage = voltageToggleInputs[0].checked
|
||||
// ? parseInt(voltageToggleInputs[0].value)
|
||||
// : parseInt(voltageToggleInputs[1].value);
|
||||
voltageDisplay.innerHTML = totalVoltage + "V";
|
||||
};
|
||||
|
||||
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
||||
voltageToggleInputs[i].addEventListener("change", () => {
|
||||
checkVoltage();
|
||||
voltageToggleInputs[i].addEventListener("click", event => {
|
||||
let totalVoltage = 0;
|
||||
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
||||
if (voltageToggleInputs[i].checked) {
|
||||
totalVoltage += parseInt(voltageToggleInputs[i].value);
|
||||
}
|
||||
}
|
||||
voltageDisplay.innerHTML = totalVoltage + "V";
|
||||
});
|
||||
}
|
||||
|
||||
checkVoltage();
|
||||
|
||||
////////////////////////
|
||||
|
||||
// Control panel buttons
|
||||
|
|
Loading…
Reference in New Issue
Block a user