voltage puzzle (sorta) working.

- Need to configure initial voltage display.
- Changed values so only one correct combination.
This commit is contained in:
Max Stevenson 2020-06-16 19:59:56 +01:00
parent 7f313f460b
commit 19fedb606a
2 changed files with 17 additions and 27 deletions

View File

@ -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"

View File

@ -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