Depression Test

by moosethetitan

HTML

<body id="page-top" class="index">

<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">Siza</a>
        </div>
    </div>
    <!-- /.container-fluid -->
</nav>

<!--Content Section-->

<section id="assessmentlocation">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>Assessment Tests</h2>
                <hr class="star-primary">
                <br>
                <table align="center" cellspacing="10">
                    <tr>
                        <td onclick="document.getElementById('Assessment').innerHTML=document.getElementById('depression_assessment').innerHTML;"><h3><a href="#">Depression Assessment</a></h3></td>
                    </tr>
                </table>
                <hr>
            </div>

            <!-- Where the assessment content is placed -->
            <div id="Assessment" align="center"></div>

            <!-- reccomendation content-->
            <div id="reccommendation" style="visibility: hidden;">
                <p>You need help</p>
            </div>


            <div id="noreccommendation" style="visibility: hidden;">
                <p>You Are not depressed</p>
            </div>


            <div id="depression_assessment" style="visibility:hidden;">
                <form name="depressionquiz" method= "post" id="depressionquiz" onsubmit="return false">
                    <table...

JavaScript

function depressionAssessor()
        {
            var amountCorrect = 0;
            for(var i = 1; i <= 45; i++) {
                var radios = document.getElementsByName('group'+i);
                for(var j = 0; j < radios.length; j++) {
                    var radio = radios[j];
                    if(radio.value == "correct" && radio.checked) {
                        amountCorrect++;
                    }
                }
            }

            if(amountCorrect >= 6){
                document.getElementById('Assessment').innerHTML=document.getElementById('reccommendation').innerHTML;

            }

            if (amountCorrect <= 6){
                document.getElementById('Assessment').innerHTML=document.getElementById('noreccommendation').innerHTML;
            }
        }