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 total = 0;
            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);



            if (!isNaN(total)) {
                console.log(total);
                document.getElementById('id_total_of_x_fields').innerText = total.toString();
                if ( total > 100) {
                    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 == 100) {
                    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 y_1 = document.getElementById('id_guess_y_1');
            var y_2= document.getElementById('id_guess_y_2');
            var y_3= document.getElementById('id_guess_y_3');
            var y_4= document.getElementById('id_guess_y_4');
            var y_5= document.getElementById('id_guess_y_5');
            var y_6= document.getElementById('id_guess_y_6');
            var y_7= document.getElementById('id_guess_y_7');
            var y_8= document.getElementById('id_guess_y_8');
            var y_9= document.getElementById('id_guess_y_9');
            var y_10= document.getElementById('id_guess_y_10');
            var y_11= document.getElementById('id_guess_y_11');
            var total = 0;
            total += (parseInt(y_1.value) || 0);
            total += (parseInt(y_2.value) || 0);
            total += (parseInt(y_3.value) || 0);
            total += (parseInt(y_4.value) || 0);
            total += (parseInt(y_5.value) || 0);
            total += (parseInt(y_6.value) || 0);
            total += (parseInt(y_7.value) || 0);
            total += (parseInt(y_8.value) || 0);
            total += (parseInt(y_9.value) || 0);
            total += (parseInt(y_10.value) || 0);
            total += (parseInt(y_11.value) || 0);



            if (!isNaN(total)) {
                console.log(total);
                document.getElementById('id_total_of_y_fields').innerText = total.toString();
                if ( total > 100) {
                    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 == 100) {
                    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');
            g1.oninput = addUp1;
            g2.oninput = addUp1;
            g3.oninput = addUp1;
            g4.oninput = addUp1;
            g5.oninput = addUp1;
            g6.oninput = addUp1;
            g7.oninput = addUp1;

            var y_1 = document.getElementById('id_guess_y_1');
            var y_2 = document.getElementById('id_guess_y_2');
            var y_3 = document.getElementById('id_guess_y_3');
            var y_4= document.getElementById('id_guess_y_4');
            var y_5= document.getElementById('id_guess_y_5');
            var y_6= document.getElementById('id_guess_y_6');
            var y_7= document.getElementById('id_guess_y_7');
            var y_8= document.getElementById('id_guess_y_8');
            var y_9= document.getElementById('id_guess_y_9');
            var y_10= document.getElementById('id_guess_y_10');
            var y_11= document.getElementById('id_guess_y_11');
            y_1.oninput = addUp2;
            y_2.oninput = addUp2;
            y_3.oninput = addUp2;
            y_4.oninput = addUp2;
            y_5.oninput = addUp2;
            y_6.oninput = addUp2;
            y_7.oninput = addUp2;
            y_8.oninput = addUp2;
            y_9.oninput = addUp2;
            y_10.oninput = addUp2;
            y_11.oninput = addUp2;

        });