Untitled

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>JavaScript Quiz</title>
    <meta charset='utf-8'>

    </head>

    <body>
    <h1>CIS44 Quiz</h1>
    <form name = "questions">
    <p>
    Question #1: You can test a condition with an if...else statement or with a if...elseif...else
    statement.
    </p>
    <fieldset id="ques1">
    <input type="radio" id="ques1" name="ques11" value="1" />True<br>
    <input type="radio" id="ques1" name="ques12" value="0" />False<br>
    </fieldset>
    <br><p>
    Question #2: XHTML stands for Extensible Hypertext Markup Language.
    </p>
    <fieldset id="ques2">
    <input type="radio" id="ques2" name="ques21" value="1" />True<br>
    <input type="radio" id="ques2" name="ques22" value="0" />False<br>
    </fieldset>
    <br><p>
    Question #3: A web page can contain the following:
    </p>
    <fieldset id="ques3">
    <input type="checkbox" id="H" name="H" />A.) HTML<br>
    <input type="checkbox" id="X" name="X" />B.) XHTML<br>
    <input type="checkbox" id="C" name="C" />C.) CSS<br>
    <input type="checkbox" id="J" name="J" />D.) JavaScript<br>
    </fieldset><p>
    Question #4: Which of the following is used to include JavaScript in HTML or XHTML?
    </p>
    <fieldset id="ques4">
    <input type="radio" id="ques4" name="ques41" value="0" />
    <label for="ques41">A.) script="text/javascript"</label><br />
    <input type="radio" id="ques4" name="ques42" value="0" />
    <label for="ques42">B.) script style="text/javascript"<br /></label>
    <input type="radio" id="ques4" name="ques43" value= "1" />
    <label for="ques43">C.) script type="text/Javascript"<br /></label>
    <input type="radio" id="ques4" name="ques44" value="0" />
    <label for="ques44">D.) script type="JS"<br /></label>
    </fieldset>
    <p>
    Question #5: Which course includes PHP and databases with MySQL?
    </p>
    <fieldset id="ques5">
    <input type="radio" id="ques5" name="ques51" value ="0">A.) CIS126<br />
    <input type="radio" id="ques5" name="ques52" value ="0">B.) CIS122<br />
    <input type="radio" id="ques5" name="ques53" value ="1">C.) CIS159<br />
    <input type="radio" id="ques5" name="ques54" value ="0">D.) CIS156<br />
    </fieldset>
    </form name="questions">
    <br />
    <br />
    <br />
    <input type="button" name="toClick" id="calc" onClick="calcAverage(frm);" value="Calculate Your Grade">
    <input type="button" name="toClick" id="calc" onClick="calcLetter(yourAvg);" value="Show Letter Grade">


    <b><i>Your numerical grade on the quiz is:</i></b> <input type= "text" name="numericGrade" id='numericGrade' size = "4" /><b><i>Your letter grade on the quiz is:</i></b> <input type="text" name="letterGrade" id = 'letterGrade' size="4"><br />
    <a href="javascript:location.reload(true)">Refresh page</a>
    <script>
        var frm = document.getElementById['questions'];
        var ques1 = document.getElementById['ques1'];
        var ques2 = document.getElementById['ques2'];
        var ques4 = document.getElementById['ques4'];
        var ques5 = document.getElementById['ques5'];
        var yourAvg=0;
        var yourGrade="";

    function calcAverage(questions)
    {
      yourAvg = 0;
        if (document.getElementById('ques1').value.checked == 1)
            yourAvg = yourAvg + 20;

        if (document.getElementById('ques2').value.checked == 1)
            yourAvg = yourAvg + 20;
        if (document.getElementById('H').checked === true && document.getElementById('X').checked === true && document.getElementById('C').checked === true && document.getElementById('J').checked === true)
            yourAvg = yourAvg + 20;
        if (document.getElementById('ques4').value.checked == 1)
            yourAvg = yourAvg + 20;
        if (document.getElementById('ques5').value.checked == 1)
            yourAvg = yourAvg + 20;
    /*if (questions.ques1[0].checked == true)
        {
        yourAvg = yourAvg + 20;
        }
      if (questions.ques2[0].checked == true)
        {
        yourAvg = yourAvg + 20
        }
      if (questions.H.checked == true && questions.X.checked == true && questions.C.checked == true && questions.J.checked == true)
        {

        yourAvg = yourAvg + 20;
        }
      if (questions.ques4[2].checked == true)
        {
        yourAvg = yourAvg + 20;
        }
      if (questions.ques5[2].checked == true)
        {
        yourAvg = yourAvg + 20;
        }*/
        document.getElementById('numericGrade').value = (yourAvg * 1);
        return yourAvg;
    }
    function calcLetter(yourAvg)
    {
        if (yourAvg >= 90){
            yourGrade = "A";
    document.getElementById('letterGrade').value = yourGrade;
        }
        if (yourAvg >= 80){
            yourGrade = "B";
    document.getElementById('letterGrade').value = yourGrade;
        }
        if (yourAvg >= 70){
            yourGrade = "C";
    document.getElementById('letterGrade').value = yourGrade;
        }
        if (yourAvg >= 60){
            yourGrade = "D";
    document.getElementById('letterGrade').value = yourGrade;
        }
        else {
            yourGrade = "F";
    document.getElementById('letterGrade').value = yourGrade;
        }

    }
    </script>
    </body>
    </html>