function addUp1() {
            var g1 = document.getElementById('id_guess_x_1');
            var g2= document.getElementById('id_guess_x_2');
            var g3= document.getElementById('id_guess_x_3');
            var g4= document.getElementById('id_guess_x_4');
            var g5= document.getElementById('id_guess_x_5');
            var g6= document.getElementById('id_guess_x_6');
            var g7= document.getElementById('id_guess_x_7');
            var g8= document.getElementById('id_guess_x_8');
            var g9= document.getElementById('id_guess_x_9');
            var g10= document.getElementById('id_guess_x_10');
            var g11= document.getElementById('id_guess_x_11');
            var g12= document.getElementById('id_guess_x_12');
            var g13= document.getElementById('id_guess_x_13');
            var g14= document.getElementById('id_guess_x_14');
            var g15= document.getElementById('id_guess_x_15');
            var g16= document.getElementById('id_guess_x_16');
            var g17= document.getElementById('id_guess_x_17');
            var g18= document.getElementById('id_guess_x_18');
            var g19= document.getElementById('id_guess_x_19');
            var g20= document.getElementById('id_guess_x_20');
            var g21= document.getElementById('id_guess_x_21');
            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);
            total -= (parseInt(g21.value) || 0);


            if (!isNaN(total)) {
                console.log(total);
                document.getElementById('id_total_of_x_fields').innerText = total.toString();
                if (total < 0) {
                    document.getElementById('id_total_of_x_fields').style.color = "red";
                    document.getElementById('id_total_of_x_fields').style.fontSize = "small";
                    $('#id_total_of_x_fields').html("Sie können nur genau 100 Punkte vergeben.")
                } else if (total == 0) {
                    document.getElementById('id_total_of_x_fields').style.color = "green";
                    document.getElementById('id_total_of_x_fields').style.fontSize = "100%";
                } else {
                    document.getElementById('id_total_of_x_fields').style.color = "black";
                    document.getElementById('id_total_of_x_fields').style.fontSize = "100%";
                }
            }
        }

        function addUp2() {
            var y1 = document.getElementById('id_guess_y_1');
            var y2= document.getElementById('id_guess_y_2');
            var y3= document.getElementById('id_guess_y_3');
            var y4= document.getElementById('id_guess_y_4');
            var y5= document.getElementById('id_guess_y_5');
            var y6= document.getElementById('id_guess_y_6');
            var y7= document.getElementById('id_guess_y_7');
            var y8= document.getElementById('id_guess_y_8');
            var y9= document.getElementById('id_guess_y_9');
            var y10= document.getElementById('id_guess_y_10');
            var y11= document.getElementById('id_guess_y_11');
            var y12= document.getElementById('id_guess_y_12');
            var y13= document.getElementById('id_guess_y_13');
            var y14= document.getElementById('id_guess_y_14');
            var y15= document.getElementById('id_guess_y_15');
            var y16= document.getElementById('id_guess_y_16');
            var y17= document.getElementById('id_guess_y_17');
            var y18= document.getElementById('id_guess_y_18');
            var y19= document.getElementById('id_guess_y_19');
            var g20= document.getElementById('id_guess_y_20');
            var g21= document.getElementById('id_guess_y_21');
            var total = 100;
            total -= (parseInt(y1.value) || 0);
            total -= (parseInt(y2.value) || 0);
            total -= (parseInt(y3.value) || 0);
            total -= (parseInt(y4.value) || 0);
            total -= (parseInt(y5.value) || 0);
            total -= (parseInt(y6.value) || 0);
            total -= (parseInt(y7.value) || 0);
            total -= (parseInt(y8.value) || 0);
            total -= (parseInt(y9.value) || 0);
            total -= (parseInt(y10.value) || 0);
            total -= (parseInt(y11.value) || 0);
            total -= (parseInt(y12.value) || 0);
            total -= (parseInt(y13.value) || 0);
            total -= (parseInt(y14.value) || 0);
            total -= (parseInt(y15.value) || 0);
            total -= (parseInt(y16.value) || 0);
            total -= (parseInt(y17.value) || 0);
            total -= (parseInt(y18.value) || 0);
            total -= (parseInt(y19.value) || 0);
            total -= (parseInt(g20.value) || 0);
            total -= (parseInt(g21.value) || 0);



            if (!isNaN(total)) {
                console.log(total);
                document.getElementById('id_total_of_y_fields').innerText = total.toString();
                if ( total < 0) {
                    document.getElementById('id_total_of_y_fields').style.color = "red";
                    document.getElementById('id_total_of_y_fields').style.fontSize = "small";
                    $('#id_total_of_y_fields').html("Sie können nur genau 100 Punkte vergeben.")
                } else if (total == 0) {
                    document.getElementById('id_total_of_y_fields').style.color = "green";
                    document.getElementById('id_total_of_y_fields').style.fontSize = "100%";
                } else {
                    document.getElementById('id_total_of_y_fields').style.color = "black";
                    document.getElementById('id_total_of_y_fields').style.fontSize = "100%";
                }
            }
        }

        
        $(document).ready(function () {
            var g1 = document.getElementById('id_guess_x_1');
            var g2= document.getElementById('id_guess_x_2');
            var g3= document.getElementById('id_guess_x_3');
            var g4= document.getElementById('id_guess_x_4');
            var g5= document.getElementById('id_guess_x_5');
            var g6= document.getElementById('id_guess_x_6');
            var g7= document.getElementById('id_guess_x_7');
            var g8= document.getElementById('id_guess_x_8');
            var g9= document.getElementById('id_guess_x_9');
            var g10= document.getElementById('id_guess_x_10');
            var g11= document.getElementById('id_guess_x_11');
            var g12= document.getElementById('id_guess_x_12');
            var g13= document.getElementById('id_guess_x_13');
            var g14= document.getElementById('id_guess_x_14');
            var g15= document.getElementById('id_guess_x_15');
            var g16= document.getElementById('id_guess_x_16');
            var g17= document.getElementById('id_guess_x_17');
            var g18= document.getElementById('id_guess_x_18');
            var g19= document.getElementById('id_guess_x_19');
            var g20= document.getElementById('id_guess_x_20');
            var g21= document.getElementById('id_guess_x_21');
            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;
            g21.oninput = addUp1;

            var y1 = document.getElementById('id_guess_y_1');
            var y2= document.getElementById('id_guess_y_2');
            var y3= document.getElementById('id_guess_y_3');
            var y4= document.getElementById('id_guess_y_4');
            var y5= document.getElementById('id_guess_y_5');
            var y6= document.getElementById('id_guess_y_6');
            var y7= document.getElementById('id_guess_y_7');
            var y8= document.getElementById('id_guess_y_8');
            var y9= document.getElementById('id_guess_y_9');
            var y10= document.getElementById('id_guess_y_10');
            var y11= document.getElementById('id_guess_y_11');
            var y12= document.getElementById('id_guess_y_12');
            var y13= document.getElementById('id_guess_y_13');
            var y14= document.getElementById('id_guess_y_14');
            var y15= document.getElementById('id_guess_y_15');
            var y16= document.getElementById('id_guess_y_16');
            var y17= document.getElementById('id_guess_y_17');
            var y18= document.getElementById('id_guess_y_18');
            var y19= document.getElementById('id_guess_y_19');
            var y20= document.getElementById('id_guess_y_20');
            var y21= document.getElementById('id_guess_y_21');
            y1.oninput = addUp2;
            y2.oninput = addUp2;
            y3.oninput = addUp2;
            y4.oninput = addUp2;
            y5.oninput = addUp2;
            y6.oninput = addUp2;
            y7.oninput = addUp2;
            y8.oninput = addUp2;
            y9.oninput = addUp2;
            y10.oninput = addUp2;
            y11.oninput = addUp2;
            y12.oninput = addUp2;
            y13.oninput = addUp2;
            y14.oninput = addUp2;
            y15.oninput = addUp2;
            y16.oninput = addUp2;
            y17.oninput = addUp2;
            y18.oninput = addUp2;
            y19.oninput = addUp2;
            y20.oninput = addUp2;
            y21.oninput = addUp2;

        });