Untitled

<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <title>Rekenwebsite</title>
    <link rel="stylesheet" href="styles.css">
    <script>
        <!--

        var answer = new Array();
//Dit deel bepaald hoe het invulvlak er uit komt te zien.
        function showSum(i,s,e) {
            var invuldeel = document.tableForm;
            invuldeel.sum[i].value = s;
            invuldeel.equals[i].value = '';
            invuldeel.equals[i].style.background = 'white';
            answer[i] = e;
        };
//Einde van invulvlak

        function dobbel(nr) {
            return Math.ceil(Math.random() * nr);
        };

        function setTables(nr) {
            var a, b, f = document.tableForm;
            for (var i = 0; i < f.choose.length; i++) {
                f.choose[i].style.background = (i == nr ? '' : '');
            };
            f.choose[nr].blur();
            for (var i = 0; i < f.equals.length; i++) {
                        a = dobbel(9) + 1;
                        b = (nr > 0 ? nr : dobbel(9) + 1);
                        showSum(i,a+' x '+b+' =',a*b);

            };
        };
//Dit deel checkt het antwoord
        function checkAnswers() {
            var f = document.tableForm;
            for (var i = 0; i < f.equals.length; i++) {
                f.equals[i].style.background = (f.equals[i].value == answer[i] ? '#cfc' : '#fdd');
            };
        };
//Einde antwoord chekker
    </script>
</head>
<body onload="setTables(0)">
<div id="Toetsentekst">
    Toetsen
</div>
<div id="homebar">
    <a href="ALArekenwebsite.html">Thuis Pagina</a><br>
</div>
<div id="toetsbar">
    <a href="Toetsen.html">Toetsen</a>
</div>
<div id="oefenbar">
    <a href="Oefenen.html">Oefenen</a>
</div>
    <form name="tableForm">
        <p>
<input type="button" name="choose" class="c" value="1 t/m 10" onClick="setTables(0)">
            <input type="button" name="choose" class="c" value=" 1 " onClick="setTables(1)">
            <input type="button" name="choose" class="c" value=" 2 " onClick="setTables(2)">
            <input type="button" name="choose" class="c" value=" 3 " onClick="setTables(3)">
            <input type="button" name="choose" class="c" value=" 4 " onClick="setTables(4)">
            <input type="button" name="choose" class="c" value=" 5 " onClick="setTables(5)">
            <input type="button" name="choose" class="c" value=" 6 " onClick="setTables(6)">
            <input type="button" name="choose" class="c" value=" 7 " onClick="setTables(7)">
            <input type="button" name="choose" class="c" value=" 8 " onClick="setTables(8)">
            <input type="button" name="choose" class="c" value=" 9 " onClick="setTables(9)">
            <input type="button" name="choose" class="c" value=" 10 " onClick="setTables(10)">
        </p>
<p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="1"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="2"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="3"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="4"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="5"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="6"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="7"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="8"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="9"></p>
        <p><input type="text" name="sum" class="s" size="10" readonly><input type="text" name="equals" class="e" size="4" tabindex="10"></p>
        <p><input type="button" class="c" value="Controleer je antwoorden" onClick="checkAnswers()" tabindex="11"></p>
    </form>
</body>
</html>