function addUp1() { var g1 = document.getElementById('id_guess_1'); var g2 = document.getElementById('id_guess_2'); var g3 = document.getElementById('id_guess_3'); var g4 = document.getElementById('id_guess_4'); var g5 = document.getElementById('id_guess_5'); var g6 = document.getElementById('id_guess_6'); var g7 = document.getElementById('id_guess_7'); var g8 = document.getElementById('id_guess_8'); var g9 = document.getElementById('id_guess_9'); var g10 = document.getElementById('id_guess_10'); var g11 = document.getElementById('id_guess_11'); var g12 = document.getElementById('id_guess_12'); var g13 = document.getElementById('id_guess_13'); var g14 = document.getElementById('id_guess_14'); var g15 = document.getElementById('id_guess_15'); var g16 = document.getElementById('id_guess_16'); var g17 = document.getElementById('id_guess_17'); var g18 = document.getElementById('id_guess_18'); var g19 = document.getElementById('id_guess_19'); var g20 = document.getElementById('id_guess_20'); var total = 100; total -= (parseInt(g1.value) || 0); total -= (parseInt(g2.value) || 0); total -= (parseInt(g3.value) || 0); total -= (parseInt(g4.value) || 0); total -= (parseInt(g5.value) || 0); total -= (parseInt(g6.value) || 0); total -= (parseInt(g7.value) || 0); total -= (parseInt(g8.value) || 0); total -= (parseInt(g9.value) || 0); total -= (parseInt(g10.value) || 0); total -= (parseInt(g11.value) || 0); total -= (parseInt(g12.value) || 0); total -= (parseInt(g13.value) || 0); total -= (parseInt(g14.value) || 0); total -= (parseInt(g15.value) || 0); total -= (parseInt(g16.value) || 0); total -= (parseInt(g17.value) || 0); total -= (parseInt(g18.value) || 0); total -= (parseInt(g19.value) || 0); total -= (parseInt(g20.value) || 0); if (!isNaN(total)) { console.log(total); document.getElementById('id_total').innerText = total.toString(); if (total < 0) { document.getElementById('id_total').style.color = "red"; document.getElementById('id_total').style.fontSize = "small"; $('#id_total').html("Sie können nur genau 100 Punkte vergeben.") } else if (total == 0) { document.getElementById('id_total').style.color = "green"; document.getElementById('id_total').style.fontSize = "100%"; } else { document.getElementById('id_total').style.color = "black"; document.getElementById('id_total').style.fontSize = "100%"; } } } $(document).ready(function () { var g1 = document.getElementById('id_guess_1'); var g2= document.getElementById('id_guess_2'); var g3= document.getElementById('id_guess_3'); var g4= document.getElementById('id_guess_4'); var g5= document.getElementById('id_guess_5'); var g6= document.getElementById('id_guess_6'); var g7= document.getElementById('id_guess_7'); var g8= document.getElementById('id_guess_8'); var g9= document.getElementById('id_guess_9'); var g10= document.getElementById('id_guess_10'); var g11= document.getElementById('id_guess_11'); var g12= document.getElementById('id_guess_12'); var g13= document.getElementById('id_guess_13'); var g14= document.getElementById('id_guess_14'); var g15= document.getElementById('id_guess_15'); var g16= document.getElementById('id_guess_16'); var g17= document.getElementById('id_guess_17'); var g18= document.getElementById('id_guess_18'); var g19= document.getElementById('id_guess_19'); var g20= document.getElementById('id_guess_20'); g1.oninput = addUp1; g2.oninput = addUp1; g3.oninput = addUp1; g4.oninput = addUp1; g5.oninput = addUp1; g6.oninput = addUp1; g7.oninput = addUp1; g8.oninput = addUp1; g9.oninput = addUp1; g10.oninput = addUp1; g11.oninput = addUp1; g12.oninput = addUp1; g13.oninput = addUp1; g14.oninput = addUp1; g15.oninput = addUp1; g16.oninput = addUp1; g17.oninput = addUp1; g18.oninput = addUp1; g19.oninput = addUp1; g20.oninput = addUp1; });