How to do a tic tac toe quiz

أقسام الموقع: الإطار الزمني الرياضة معلومات سريعة العلوم الكون الصحة لغة وغيرها المنوعات الحيوانات باختصار تطبيقات وكتب

HOW TO DO A TIC TAC TOE QUIZ USING HTML, JS, AND CSS

In this lesson, you will learn how to make a tic tac toe quiz. Which means, that you will be challenging the computer in a series of questions. If you get 3 boxes correct in a row, you win the game. Otherwise, the computer wins a point for each incorrect answer you get and will win if you get 3 answers incorrect in a row.

Code:
_______________________________________________________________
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Nine Boxes</title>
</head>
<body>
    <style>
        #frame001 {
            padding: 11px;
            border-radius: 17px;
            background-color: white;
            border: 4px solid black;
        }

        .boxes001 {
            cursor: pointer;
            background-color: yellow;
            width: 59px;
            height: 59px;
        }

        .boxes002 {
            background-color: yellow;
            width: 59px;
            height: 59px;
            cursor: context-menu;
        }

        .blue001 {
            background-color: cornflowerblue;
            border: none;
            color: white;
            padding: 7px 17px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 2px 2px;
            border-radius: 9px;
            cursor: pointer;
            width: 100%;
        }

        .blue002 {
            background-color: blue;
            border: none;
            color: white;
            padding: 7px 17px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 2px 2px;
            border-radius: 9px;
            cursor: pointer;
            width: 178px;
        }

        #center001 {
            text-align: center;
            color: white;
        }

        #font001 {
            color: black;
            font-size: large;
        }

        #align001 {
            text-align: center;
        }
    </style>
    <div id="frame001">
        <div id="align001">
            <h2>Nine Boxes</h2>
            <hr />

            <div id="board001">
                <button class="boxes001" onclick="l01()" id="li1">؟</button><button class="boxes001" onclick="l02()" id="li2">؟</button><button class="boxes001" onclick="l03()" id="li3">؟</button><br />
                <button class="boxes001" onclick="l04()" id="li4">؟</button><button class="boxes001" onclick="l05()" id="li5">؟</button><button class="boxes001" onclick="l06()" id="li6">؟</button><br />
                <button class="boxes001" onclick="l07()" id="li7">؟</button><button class="boxes001" onclick="l08()" id="li8">؟</button><button class="boxes001" onclick="l09()" id="li9">؟</button><br /><br />
            </div>
            <div id="font001"><p id="message001"></p></div>
        </div>

        <p id="result001"></p>
        <p id="message002"></p>
    </div>

    <script>
                var b = 0;
        b++;
        var c = 0;
        c++;
        var d = 0;
        d++;
        var e = 0;
        e++;
        var f = 0;
        f++;
        var g = 0;
        g++;
        var h = 0;
        h++;
        var i = 0;
        i++;
        var j = 0;
        j++;

        var k1 = 0;
        k1++;
        var l = 0;
        l++;
        var m = 0;
        m++;
        var n = 0;
        n++;
        var o = 0;
        o++;
        var p = 0;
        p++;
        var q = 0;
        q++;
        var w = 0;
        w++;
        var y = 0;
        y++;

        var u = Math.floor(Math.random() * 4);

        function l01() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the country that used to rule Venice, Italy?<br /><br />" + "<button class=blue001 onclick=q1ar1()>Austria</button><br /><br /><button class=blue001 onclick=q1br1()>Belgium</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: Jupiter and Saturn are classified under which types of planets?<br /><br />" + "<button class=blue001 onclick=q1br1()>Rock planets</button><br /><br /><button class=blue001 onclick=q1ar1()>Gas planets</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the sea that separates Australia from New Zealand?<br /><br />" + "<button class=blue001 onclick=q1br1()>Kara Sea</button><br /><br /><button class=blue001 onclick=q1ar1()>Tasman Sea</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: Molten rock contained below the Earth's surface is called...?<br /><br />" + "<button class=blue001 onclick=q1ar1()>Magma</button><br /><br /><button class=blue001 onclick=q1br1()>Lava</button>";
            }
            if (b > 1) {
                document.getElementById("message001").innerHTML = "";
            }
           if (k1 > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q1ar1() {
            b++;
            document.getElementById("li1").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);

            if (b > 1 && c > 1 && d > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && e > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br />";
            }
        }

        function q1br1() {
            k1++;
            document.getElementById("li1").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);

           if (k1 > 1 && l > 1 && m > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
           if (k1 > 1 && o > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }
           if (k1 > 1 && n > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function l02() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: What is the name of the largest and heaviest internal organ in the human body?<br /><br />" + "<button class=blue001 onclick=q2ar1()>Liver</button><br /><br /><button class=blue001 onclick=q2br1()>Heart</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: About how much is the Earth's land covered with deserts and grassy plains?<br /><br />" + "<button class=blue001 onclick=q2ar1()>50%</button><br /><br /><button class=blue001 onclick=q2br1()>20%</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What other name can be used for <q>Typhoon</q>?<br /><br />" + "<button class=blue001 onclick=q2br1()>Tornadoes</button><br /><br /><button class=blue001 onclick=q2ar1()>Hurricanes</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: Which one of the two people was the empror of Mogul?<br /><br />" + "<button class=blue001 onclick=q2br1()>Genghis Khan</button><br /><br /><button class=blue001 onclick=q2ar1()>Shah Jahan</button>";
            }
            if (c > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (l > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q2ar1() {
            c++;
            document.getElementById("li2").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (b > 1 && c > 1 && d > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (c > 1 && f > 1 && i > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q2br1() {
            l++;
            document.getElementById("li2").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
           if (k1 > 1 && l > 1 && m > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (l > 1 && o > 1 && w > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br />";
            }
        }

        function l03() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: When was artificial ice used for the first time in the Olympics?<br /><br />" + "<button class=blue001 onclick=q3br1()>In 1924</button><br /><br /><button class=blue001 onclick=q3ar1()>In 1980</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: During which years was the Tug-of-War an Olympic sport?<br /><br />" + "<button class=blue001 onclick=q3ar1()>1900-1920</button><br /><br /><button class=blue001 onclick=q3br1()>1952-1960</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the country that contains almost 50% of the world's rivers?<br /><br />" + "<button class=blue001 onclick=q3br1()>Brazil</button><br /><br /><button class=blue001 onclick=q3ar1()>Canada</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "What's the name of the largest island in the Mediterranean Sea?<br /><br />" + "<button class=blue001 onclick=q3ar1()>Sicily</button><br /><br /><button class=blue001 onclick=q3br1()>Sardinia</button>";
            }
            if (d > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (m > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q3ar1() {
            d++;
            document.getElementById("li3").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (b > 1 && c > 1 && d > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (d > 1 && f > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (d > 1 && g > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br />";
            }
        }

        function q3br1() {
            m++;
            document.getElementById("li3").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
           if (k1 > 1 && l > 1 && m > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (m > 1 && o > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (m > 1 && p > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }
        }

        function l04() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: How many <q>Hizb</q> are there in The Holy Qur'an?<br /><br />" + "<button class=blue001 onclick=q4ar1()>60</button><br /><br /><button class=blue001 onclick=q4br1()>30</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: How many meters is the length of a Volley Ball court?<br /><br />" + "<button class=blue001 onclick=q4br1()>24</button><br /><br /><button class=blue001 onclick=q4ar1()>18</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the closest star to Earth?<br /><br />" + "<button class=blue001 onclick=q4ar1()>Sun</button><br /><br /><button class=blue001 onclick=q4br1()>Andromeda</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: Molten rock expelled by a volcano is called...?<br /><br />" + "<button class=blue001 onclick=q4br1()>Magma</button><br /><br /><button class=blue001 onclick=q4ar1()>Lava</button>";
            }
            if (e > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (n > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q4ar1() {
            e++;
            document.getElementById("li4").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (e > 1 && f > 1 && g > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && e > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q4br1() {
            n++;
            document.getElementById("li4").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (n > 1 && o > 1 && p > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (w > 1 && n > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
           if (k1 > 1 && n > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function l05() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: In which year was the Marathon's distance changed from 26 miles to 26 miles and 385 yards?<br /><br />" + "<button class=blue001 onclick=q5ar1()>1908</button><br /><br /><button class=blue001 onclick=q5br1()>1912</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: Which of the two is the largest fish in the world?<br /><br />" + "<button class=blue001 onclick=q5br1()>Blue Whale</button><br /><br /><button class=blue001 onclick=q5ar1()>Whale Shark</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: Most of the human body digestion occur in...?<br /><br />" + "<button class=blue001 onclick=q5br1()>The stomach</button><br /><br /><button class=blue001 onclick=q5ar1()>The small intestines</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: Where in the human body can the ulnar nerve called <q>funny bone</q> be located?<br /><br />" + "<button class=blue001 onclick=q5ar1()>Behind the elbow</button><br /><br /><button class=blue001 onclick=q5br1()>Below the knee</button>";
            }
            if (f > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (o > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q5ar1() {
            f++;
            document.getElementById("li5").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (c > 1 && f > 1 && i > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (e > 1 && f > 1 && g > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (d > 1 && f > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q5br1() {
            o++;
            document.getElementById("li5").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (n > 1 && o > 1 && p > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (m > 1 && o > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
           if (k1 > 1 && o > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }
            if (l > 1 && o > 1 && w > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br />";
            }
        }

        function l06() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the longest river in Europe?<br /><br />" + "<button class=blue001 onclick=q6br1()>Danube</button><br /><br /><button class=blue001 onclick=q6ar1()>Volga</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the African country that is located on the Atlantic Ocean and the Mediterranean Sea?<br /><br />" + "<button class=blue001 onclick=q6ar1()>Morocco</button><br /><br /><button class=blue001 onclick=q6br1()>Mauritania</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: Which part of the Nile River is longer: the White Nile or the Blue Nile?<br /><br />" + "<button class=blue001 onclick=q6br1()>The Blue Nile</button><br /><br /><button class=blue001 onclick=q6ar1()>The White Nile</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: What's the name of the largest Arab Country in the world?<br /><br />" + "<button class=blue001 onclick=q6ar1()>Algeria</button><br /><br /><button class=blue001 onclick=q6br1()>Sudan</button>";
            }
            if (g > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (p > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q6ar1() {
            g++;
            document.getElementById("li6").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (e > 1 && f > 1 && g > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (d > 1 && g > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q6br1() {
            p++;
            document.getElementById("li6").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (n > 1 && o > 1 && p > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (m > 1 && p > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }
        }

        function l07() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: In which ocean are the Maldives located?<br /><br />" + "<button class=blue001 onclick=q7br1()>Atlantic Ocean</button><br /><br /><button class=blue001 onclick=q7ar1()>Indian Ocean</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: Which of these two animals have more types of blood?<br /><br />" + "<button class=blue001 onclick=q7ar1()>Cow</button><br /><br /><button class=blue001 onclick=q7br1()>Cat</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: Where can you find the Glass Tree?<br /><br />" + "<button class=blue001 onclick=q7br1()>Europe</button><br /><br /><button class=blue001 onclick=q7ar1()>Australia</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: Which of the two is faster? The rabbit or the wild rabbit<br /><br />" + "<button class=blue001 onclick=q7ar1()>Wild rabbit</button><br /><br /><button class=blue001 onclick=q7br1()>Rabbit</button>";
            }
            if (h > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (q > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q7ar1() {
            h++;
            document.getElementById("li7").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (h > 1 && i > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br />";
            }
            if (d > 1 && f > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
            if (b > 1 && e > 1 && h > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q7br1() {
            q++;
            document.getElementById("li7").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (q > 1 && w > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br />";
            }
            if (m > 1 && o > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
           if (k1 > 1 && n > 1 && q > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function l08() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: Which one is larger: Cricket field or Polo field?<br /><br />" + "<button class=blue001 onclick=q8ar1()>Polo field</button><br /><br /><button class=blue001 onclick=q8br1()>Cricket field</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the substance that causes the tomato to be red?<br /><br />" + "<button class=blue001 onclick=q8ar1()>Lycopene</button><br /><br /><button class=blue001 onclick=q8br1()>Chlorophyll</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What's the name of the ship that is considered to be the first to sail around the Globe?<br /><br />" + "<button class=blue001 onclick=q8br1()>Carpathia</button><br /><br /><button class=blue001 onclick=q8ar1()>Victoria</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: The blue whale feeds on...?<br /><br />" + "<button class=blue001 onclick=q8br1()>Tuna fish</button><br /><br /><button class=blue001 onclick=q8ar1()>Krills</button>";
            }
            if (i > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (w > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q8ar1() {
            i++;
            document.getElementById("li8").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (c > 1 && f > 1 && i > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br />";
            }
            if (h > 1 && i > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br />";
            }
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br />";
            }
        }

        function q8br1() {
            w++;
            document.getElementById("li8").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (l > 1 && o > 1 && w > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br />";
            }
            if (q > 1 && w > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br />";
            }
        }

        function l09() {
            if (u == "3") {
                document.getElementById("message001").innerHTML = "Question: To which direction will the tornado spin if it is in the north part of the Ecuator?<br /><br />" + "<button class=blue001 onclick=q9ar1()>Counter clockwise</button><br /><br /><button class=blue001 onclick=q9br1()>Clockwise</button>";
            }
            else if (u == "2") {
                document.getElementById("message001").innerHTML = "Question: How many imaginary lines on Earth are there for the longitude?<br /><br />" + "<button class=blue001 onclick=q9ar1()>360</button><br /><br /><button class=blue001 onclick=q9br1()>180</button>";
            }
            else if (u == "1") {
                document.getElementById("message001").innerHTML = "Question: What was the name of the battle where Salah Al Deen defeated the Crusaders in 1187 to regain Jerusalem?<br /><br />" + "<button class=blue001 onclick=q9br1()>Yarmook</button><br /><br /><button class=blue001 onclick=q9ar1()>Hittin</button>";
            }
            else {
                document.getElementById("message001").innerHTML = "Question: How many milligrams is one karat?<br /><br />" + "<button class=blue001 onclick=q9br1()>2000</button><br /><br /><button class=blue001 onclick=q9ar1()>200</button>";
            }
            if (j > 1) {
                document.getElementById("message001").innerHTML = "";
            }
            if (y > 1) {
                document.getElementById("message001").innerHTML = "";
            }
        }

        function q9ar1() {
            j++;
            document.getElementById("li9").innerHTML = "O";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);
            if (b > 1 && f > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>O</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>O</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br />";
            }
            if (d > 1 && g > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>O</button><br />";
            }
            if (h > 1 && i > 1 && j > 1) {
                document.getElementById("result001").innerHTML = "Congratulations. You have defeated the computer.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>O</button><button class=boxes002>O</button><button class=boxes002>O</button><br />";
            }
        }

        function q9br1() {
            y++;
            document.getElementById("li9").innerHTML = "X";
            document.getElementById("message001").innerHTML = "";
            u = Math.floor(Math.random() * 4);

            if (m > 1 && p > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }

           if (k1 > 1 && o > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>X</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>X</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>X</button><br />";
            }

            if (q > 1 && w > 1 && y > 1) {
                document.getElementById("result001").innerHTML = "You lost. Try again.";
                document.getElementById("message002").innerHTML = "<button class=blue002 onclick=repeat001()>Repeat</button>";
                document.getElementById("board001").innerHTML = "<button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>&#160</button><button class=boxes002>&#160</button><button class=boxes002>&#160</button><br /><button class=boxes002>X</button><button class=boxes002>X</button><button class=boxes002>X</button><br />";
            }
        }

        function repeat001() {
            location.reload();
        }
    </script>
</body>
</html>

If you want to watch the video and see how it is done, you can check it out below.

OTHER RELATED PAGES:

Other Topics:

Islamic Holidays
Health Tips
Sports Facts