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 total = 100;
    total -= (parseInt(g1.value) || 0);
    total -= (parseInt(g2.value) || 0);
    total -= (parseInt(g3.value) || 0);
    total -= (parseInt(g4.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');
            g1.oninput = addUp1;
            g2.oninput = addUp1;
            g3.oninput = addUp1;
            g4.oninput = addUp1;

        });