function addUp1() {
    var g1 = document.getElementById('answer_1');
    var g2 = document.getElementById('answer_2');
    var g3 = document.getElementById('answer_3');
    var g4 = document.getElementById('answer_4');
    var g5 = document.getElementById('answer_5');
    var g6 = document.getElementById('answer_6');
    var g7 = document.getElementById('answer_7');
    var g8 = document.getElementById('answer_8');
    var g9 = document.getElementById('answer_9');
    var g10 = document.getElementById('answer_10');
    var g11 = document.getElementById('answer_11');
    var total = 100;
    total -= (parseFloat(g1.value) || 0);
    total -= (parseFloat(g2.value) || 0);
    total -= (parseFloat(g3.value) || 0);
    total -= (parseFloat(g4.value) || 0);
    total -= (parseFloat(g5.value) || 0);
    total -= (parseFloat(g6.value) || 0);
    total -= (parseFloat(g7.value) || 0);
    total -= (parseFloat(g8.value) || 0);
    total -= (parseFloat(g9.value) || 0);
    total -= (parseFloat(g10.value) || 0);
    total -= (parseFloat(g11.value) || 0);

    if (!isNaN(total)) {
        console.log(total);
        document.getElementById('id_total').innerText = (Math.round(total * 100) /100).toString();
        if (total < 0) {
            document.getElementById('id_total').style.color = "red";
            document.getElementById('id_total').style.fontSize = "small";
            $('#id_total').html("Allocate exactly 100%!")
        } 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('answer_1');
            var g2= document.getElementById('answer_2');
            var g3= document.getElementById('answer_3');
            var g4= document.getElementById('answer_4');
            var g5= document.getElementById('answer_5');
            var g6= document.getElementById('answer_6');
            var g7= document.getElementById('answer_7');
            var g8= document.getElementById('answer_8');
            var g9= document.getElementById('answer_9');
            var g10= document.getElementById('answer_10');
            var g11= document.getElementById('answer_11');
            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;

        });