41 lines
811 B
JavaScript
41 lines
811 B
JavaScript
"use strict";
|
|
|
|
// Select DOM elements
|
|
const total = document.querySelector(".chi-total")
|
|
const inputs = document.querySelectorAll("input[type=text]")
|
|
const submit = document.querySelector(".analyse-continue")
|
|
|
|
|
|
inputs.forEach(input => {
|
|
input.addEventListener('keyup', function(){
|
|
checkTotal()
|
|
});
|
|
})
|
|
|
|
|
|
function getSumOfInputs(){
|
|
let total = 0;
|
|
inputs.forEach(input => {
|
|
let expected = parseInt(input.value)
|
|
if (Number.isNaN(expected)){
|
|
expected=0
|
|
}
|
|
total += expected
|
|
})
|
|
return total
|
|
}
|
|
|
|
function checkTotal(){
|
|
let sum = getSumOfInputs()
|
|
total.innerHTML = sum;
|
|
if(sum == totalChi || sum == 0){
|
|
total.style.color = "Green"
|
|
submit.classList.remove("hidden-down")
|
|
}else{
|
|
total.style.color = "Red"
|
|
submit.classList.add("hidden-down")
|
|
}
|
|
}
|
|
|
|
checkTotal()
|