function addUp() {
            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 total = 0;
            total += (parseInt(g1.value) || 0);
            total += (parseInt(g2.value) || 0);
            total += (parseInt(g3.value) || 0);



            if (!isNaN(total)) {
                console.log(total);
                document.getElementById('id_total_of_sal_fields').innerText = total.toString();
                if ( total > 100) {
                    document.getElementById('id_total_of_sal_fields').style.color = "red";
                    document.getElementById('id_total_of_sal_fields').style.fontSize = "small";
                    $('#id_total_of_sal_fields').html("Sie können nur genau 100 Punkte vergeben.")
                } else if (total == 100) {
                    document.getElementById('id_total_of_sal_fields').style.color = "green";
                    document.getElementById('id_total_of_sal_fields').style.fontSize = "100%";
                } else {
                    document.getElementById('id_total_of_sal_fields').style.color = "black";
                    document.getElementById('id_total_of_sal_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');
            g1.oninput = addUp;
            g2.oninput = addUp;
            g3.oninput = addUp;
        });