{"id":1408,"date":"2024-03-10T19:54:47","date_gmt":"2024-03-10T19:54:47","guid":{"rendered":"https:\/\/domath.surju.ee\/?page_id=1408"},"modified":"2024-03-11T08:53:25","modified_gmt":"2024-03-11T08:53:25","slug":"aa_-html-katsetused_katse-geogebra","status":"publish","type":"page","link":"https:\/\/domath.surju.ee\/et\/aa_-html-katsetused_katse-geogebra\/","title":{"rendered":"AA_ HTML katsetused_Katse geogebra"},"content":{"rendered":"\n<iframe loading=\"lazy\" scrolling=\"no\" title=\"Teljed2\" src=\"https:\/\/www.geogebra.org\/material\/iframe\/id\/jbfnx7md\/width\/1280\/height\/585\/border\/888888\/sfsb\/true\/smb\/false\/stb\/false\/stbh\/false\/ai\/false\/asb\/false\/sri\/false\/rc\/false\/ld\/false\/sdz\/false\/ctl\/false\" width=\"700px\" height=\"400px\" style=\"border:0px;\"> <\/iframe>\n\n\n\n<iframe loading=\"lazy\" scrolling=\"no\" title=\"Teljed\" src=\"https:\/\/www.geogebra.org\/material\/iframe\/id\/p4am3u2q\/width\/1280\/height\/585\/border\/888888\/sfsb\/true\/smb\/false\/stb\/false\/stbh\/false\/ai\/false\/asb\/false\/sri\/false\/rc\/false\/ld\/false\/sdz\/true\/ctl\/false\" width=\"640px\" height=\"292px\" style=\"border:0px;\"> <\/iframe>\n\n\n\n<iframe loading=\"lazy\" scrolling=\"no\" title=\"As\u00fcmmeetria2\" src=\"https:\/\/www.geogebra.org\/material\/iframe\/id\/c44zktht\/width\/1280\/height\/585\/border\/888888\/sfsb\/true\/smb\/false\/stb\/false\/stbh\/false\/ai\/false\/asb\/false\/sri\/false\/rc\/false\/ld\/false\/sdz\/false\/ctl\/false\" width=\"640px\" height=\"292px\" style=\"border:0px;\"> <\/iframe>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n        }\n        #result1, #result2 {\n            font-weight: bold;\n        }\n        #result1.correct, #result2.correct {\n            color: green;\n        }\n        #result1.wrong, #result2.wrong {\n            color: red;\n        }\n        input {\n            width: 50px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n    <label for=\"numberSize\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize1\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber1\"><\/p>\n\n    <table id=\"numberTable1\">\n        <thead>\n            <tr id=\"tableHeaders1\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody1\"><\/tbody>\n    <\/table>\n    <p id=\"result1\"><\/p>\n\n    <hr>\n    <br>\n    <br>\n\n    <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n    <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize2\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber2\"><\/p>\n\n    <table id=\"numberTable2\">\n        <thead>\n            <tr id=\"tableHeaders2\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody2\"><\/tbody>\n    <\/table>\n    <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n    <p id=\"result2\"><\/p>\n\n    <script>\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = \"#000\";\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                td.textContent = parseInt(randomNumber.toString()[i]);\n                td.style.color = \"#000\";\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = \"#000\";\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"number\";\n                input.min = \"0\";\n                input.max = \"9\";\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer() {\n            var result = document.getElementById(\"result2\");\n            result.innerHTML = \"\";\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = 0;\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += parseInt(tableInputs[i].value) * Math.pow(10, numDigits - i - 1);\n            }\n\n            if (correctNumber === randomNumber) {\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr; \/* Siin p\u00f6\u00f6rame teksti vertikaalselt *\/\n            transform: rotate(180deg); \/* Veidi t\u00e4iendavat p\u00f6\u00f6ramist vajatakse, et tekst oleks \u00f5iges suunas *\/\n        }\n        #result1, #result2 {\n            font-weight: bold;\n        }\n        #result1.correct, #result2.correct {\n            color: green;\n        }\n        #result1.wrong, #result2.wrong {\n            color: red;\n        }\n        input {\n            width: 50px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n    <label for=\"numberSize\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize1\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber1\"><\/p>\n\n    <table id=\"numberTable1\">\n        <thead>\n            <tr id=\"tableHeaders1\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody1\"><\/tbody>\n    <\/table>\n    <p id=\"result1\"><\/p>\n\n    <hr>\n    <br>\n    <br>\n\n    <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n    <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize2\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber2\"><\/p>\n\n    <table id=\"numberTable2\">\n        <thead>\n            <tr id=\"tableHeaders2\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody2\"><\/tbody>\n    <\/table>\n    <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n    <p id=\"result2\"><\/p>\n\n    <script>\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) { \/\/ esimene lahtri vasakult\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) { \/\/ viimane lahtri vasakult\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"number\";\n                input.min = \"0\";\n                input.max = \"9\";\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer() {\n            var result = document.getElementById(\"result2\");\n            result.innerHTML = \"\";\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = 0;\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += parseInt(tableInputs[i].value) * Math.pow(10, numDigits - i - 1);\n            }\n\n            if (correctNumber === randomNumber) {\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"]; \/\/ Tumepruun v\u00e4rv #8B4513, tumesinine v\u00e4rv navy\n            return colors[digitIndex];\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n        }\n        #result1, #result2 {\n            font-weight: bold;\n        }\n        #result1.correct, #result2.correct {\n            color: green;\n        }\n        #result1.wrong, #result2.wrong {\n            color: red;\n        }\n        input {\n            width: 50px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n    <label for=\"numberSize\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize1\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber1\"><\/p>\n\n    <table id=\"numberTable1\">\n        <thead>\n            <tr id=\"tableHeaders1\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody1\"><\/tbody>\n    <\/table>\n    <p id=\"result1\"><\/p>\n\n    <hr>\n    <br>\n    <br>\n\n    <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n    <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize2\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber2\"><\/p>\n\n    <table id=\"numberTable2\">\n        <thead>\n            <tr id=\"tableHeaders2\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody2\"><\/tbody>\n    <\/table>\n    <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n    <p id=\"result2\"><\/p>\n\n    <script>\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) { \/\/ esimene lahtri vasakult\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) { \/\/ viimane lahtri vasakult\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"number\";\n                input.min = \"0\";\n                input.max = \"9\";\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer() {\n            var result = document.getElementById(\"result2\");\n            result.innerHTML = \"\";\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = 0;\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += parseInt(tableInputs[i].value) * Math.pow(10, numDigits - i - 1);\n            }\n\n            if (correctNumber === randomNumber) {\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"]; \/\/ Tumepruun v\u00e4rv #8B4513, tumesinine v\u00e4rv navy\n            return colors[digitIndex];\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        .task-container {\n            margin-bottom: 30px;\n        }\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n        <label for=\"numberSize1\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize1\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber1\"><\/p>\n\n        <table id=\"numberTable1\">\n            <thead>\n                <tr id=\"tableHeaders1\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody1\"><\/tbody>\n        <\/table>\n        <p id=\"result1\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n        <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize2\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber2\"><\/p>\n\n        <table id=\"numberTable2\">\n            <thead>\n                <tr id=\"tableHeaders2\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody2\"><\/tbody>\n        <\/table>\n        <button onclick=\"checkAnswer2()\">KONTROLLI<\/button>\n        <p id=\"result2\" class=\"hidden\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 3: Genereeri K\u00fcmnendmurru Arv<\/h1>\n        <button onclick=\"generateDecimal1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber3\"><\/p>\n\n        <table id=\"decimalTable1\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody3\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 4: Genereeri ja Kontrolli K\u00fcmnendmurdus Arv<\/h1>\n        <button onclick=\"generateAndCheck()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber4\"><\/p>\n\n        <table id=\"decimalTable2\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody4\"><\/tbody>\n        <\/table>\n\n        <button onclick=\"checkAnswer4()\">KONTROLLI<\/button>\n        <p id=\"result4\"><\/p>\n    <\/div>\n\n    <script>\n        var generatedNumber1, generatedNumber2;\n\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n            document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ peidame vastuse\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"text\"; \/\/ Muudetud number input t\u00fc\u00fcbiks text\n                input.maxLength = 1; \/\/ Lubame sisestada ainult \u00fche numbri\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer2() {\n            var result = document.getElementById(\"result2\");\n            result.classList.remove(\"hidden\"); \/\/ n\u00e4itame vastust\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = \"\";\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += tableInputs[i].value; \/\/ Kogume sisestatud numbrid \u00fchte stringi\n            }\n\n            if (correctNumber === randomNumber.toString()) { \/\/ Kontrollime vastuse \u00f5igsust\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n                result.className = \"correct\"; \/\/ lisame klassi \"correct\", et stiilid kajastuksid\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n                result.className = \"wrong\"; \/\/ lisame klassi \"wrong\", et stiilid kajastuksid\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\n            return colors[digitIndex];\n        }\n\n        function generateDecimal1() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber3\").innerText = \"Genereeritud arv: \" + generatedNumber1;\n\n            var tableBody = document.getElementById(\"tableBody3\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function generateAndCheck() {\n            generateDecimal2();\n            hideResult();\n        }\n\n        function generateDecimal2() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber4\").innerText = \"Genereeritud arv: \" + generatedNumber2;\n\n            var tableBody = document.getElementById(\"tableBody4\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.maxLength = 1;\n            input2.maxLength = 1;\n            input3.maxLength = 1;\n            input4.maxLength = 1;\n            input5.maxLength = 1;\n            input6.maxLength = 1;\n            input7.maxLength = 1;\n            input1.id = \"hundreds4\";\n            input2.id = \"tens4\";\n            input3.id = \"ones4\";\n            input4.id = \"comma4\";\n            input5.id = \"tenths4\";\n            input6.id = \"hundredths4\";\n            input7.id = \"thousandths4\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result4\").style.display = \"none\";\n        }\n\n        function checkAnswer4() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\n            var userComma = document.getElementById(\"comma4\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result4\");\n            if (userNumber === generatedNumber2 && userComma === \",\") {\n                resultElement.innerText = \"\u00d5IGE\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"VALE\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        #result1, #result2 {\n            font-weight: bold;\n        }\n        #result1.correct, #result2.correct {\n            color: green;\n        }\n        #result1.wrong, #result2.wrong {\n            color: red;\n        }\n        input {\n            width: 50px;\n            text-align: center;\n        }\n        .hidden {\n            display: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n    <label for=\"numberSize\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize1\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber1\"><\/p>\n\n    <table id=\"numberTable1\">\n        <thead>\n            <tr id=\"tableHeaders1\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody1\"><\/tbody>\n    <\/table>\n    <p id=\"result1\"><\/p>\n\n    <hr>\n    <br>\n    <br>\n\n    <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n    <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n    <select id=\"numberSize2\">\n        <option value=\"3\">3<\/option>\n        <option value=\"4\">4<\/option>\n        <option value=\"5\">5<\/option>\n        <option value=\"6\">6<\/option>\n        <option value=\"7\">7<\/option>\n    <\/select>\n    <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber2\"><\/p>\n\n    <table id=\"numberTable2\">\n        <thead>\n            <tr id=\"tableHeaders2\"><\/tr>\n        <\/thead>\n        <tbody id=\"tableBody2\"><\/tbody>\n    <\/table>\n    <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n    <p id=\"result2\" class=\"hidden\"><\/p>\n\n    <script>\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n            document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ peidame vastuse\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"number\";\n                input.min = \"0\";\n                input.max = \"9\";\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer() {\n            var result = document.getElementById(\"result2\");\n            result.classList.remove(\"hidden\"); \/\/ n\u00e4itame vastust\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = 0;\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += parseInt(tableInputs[i].value) * Math.pow(10, numDigits - i - 1);\n            }\n\n            if (correctNumber === randomNumber) {\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n                result.className = \"correct\"; \/\/ lisame klassi \"correct\", et stiilid kajastuksid\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n                result.className = \"wrong\"; \/\/ lisame klassi \"wrong\", et stiilid kajastuksid\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\n            return colors[digitIndex];\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>Genereeri K\u00fcmnendmurru Arv<\/h1>\n    <button onclick=\"generateDecimal()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber\"><\/p>\n\n    <table id=\"decimalTable\">\n        <thead>\n            <tr>\n                <th>Sajalised<\/th>\n                <th>K\u00fcmnelised<\/th>\n                <th>\u00dchelised<\/th>\n                <th>Koma<\/th>\n                <th>K\u00fcmnendikud<\/th>\n                <th>Sajandikud<\/th>\n                <th>Tuhandikud<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody id=\"tableBody\"><\/tbody>\n    <\/table>\n\n    <script>\n        function generateDecimal() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            var randomNumber = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableBody = document.getElementById(\"tableBody\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        table {\n            border-collapse: collapse;\n            width: 60%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 4px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>Genereeri ja Kontrolli K\u00fcmnendmurdus Arv<\/h1>\n    <button onclick=\"generateAndCheck()\">Genereeri Arv<\/button>\n    \n    <p id=\"randomNumber\"><\/p>\n\n    <table id=\"decimalTable\">\n        <thead>\n            <tr>\n                <th>Sajalised<\/th>\n                <th>K\u00fcmnelised<\/th>\n                <th>\u00dchelised<\/th>\n                <th>Koma<\/th>\n                <th>K\u00fcmnendikud<\/th>\n                <th>Sajandikud<\/th>\n                <th>Tuhandikud<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody id=\"tableBody\"><\/tbody>\n    <\/table>\n\n    <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n    <p id=\"result\"><\/p>\n\n    <script>\n        var generatedNumber;\n\n        function generateAndCheck() {\n            generateDecimal();\n            hideResult();\n        }\n\n        function generateDecimal() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber\").innerText = \"Genereeritud arv: \" + generatedNumber;\n\n            var tableBody = document.getElementById(\"tableBody\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.id = \"hundreds\";\n            input2.id = \"tens\";\n            input3.id = \"ones\";\n            input4.id = \"comma\";\n            input5.id = \"tenths\";\n            input6.id = \"hundredths\";\n            input7.id = \"thousandths\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result\").style.display = \"none\";\n        }\n\n        function checkAnswer() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths\").value) || 0;\n            var userComma = document.getElementById(\"comma\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result\");\n            if (userNumber === generatedNumber && userComma === \",\") {\n                resultElement.innerText = \"\u00d5IGE\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"VALE\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        .task-container {\n            margin-bottom: 30px;\n        }\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 1: Genereeri K\u00fcmnendmurru Arv<\/h1>\n        <button onclick=\"generateDecimal1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber1\"><\/p>\n\n        <table id=\"decimalTable1\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody1\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 2: Genereeri ja Kontrolli K\u00fcmnendmurdus Arv<\/h1>\n        <button onclick=\"generateAndCheck()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber2\"><\/p>\n\n        <table id=\"decimalTable2\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody2\"><\/tbody>\n        <\/table>\n\n        <button onclick=\"checkAnswer()\">KONTROLLI<\/button>\n        <p id=\"result\"><\/p>\n    <\/div>\n\n    <script>\n        var generatedNumber1, generatedNumber2;\n\n        function generateDecimal1() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + generatedNumber1;\n\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function generateAndCheck() {\n            generateDecimal2();\n            hideResult();\n        }\n\n        function generateDecimal2() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + generatedNumber2;\n\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.id = \"hundreds2\";\n            input2.id = \"tens2\";\n            input3.id = \"ones2\";\n            input4.id = \"comma2\";\n            input5.id = \"tenths2\";\n            input6.id = \"hundredths2\";\n            input7.id = \"thousandths2\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result\").style.display = \"none\";\n        }\n\n        function checkAnswer() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds2\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens2\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones2\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths2\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths2\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths2\").value) || 0;\n            var userComma = document.getElementById(\"comma2\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result\");\n            if (userNumber === generatedNumber2 && userComma === \",\") {\n                resultElement.innerText = \"\u00d5IGE\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"VALE\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        .task-container {\n            margin-bottom: 30px;\n        }\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 1: Genereeri Suvaline Arv<\/h1>\n        <label for=\"numberSize1\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize1\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber1\"><\/p>\n\n        <table id=\"numberTable1\">\n            <thead>\n                <tr id=\"tableHeaders1\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody1\"><\/tbody>\n        <\/table>\n        <p id=\"result1\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 2: Arvu M\u00e4ng<\/h1>\n        <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize2\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber2\"><\/p>\n\n        <table id=\"numberTable2\">\n            <thead>\n                <tr id=\"tableHeaders2\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody2\"><\/tbody>\n        <\/table>\n        <button onclick=\"checkAnswer2()\">KONTROLLI<\/button>\n        <p id=\"result2\" class=\"hidden\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 3: Genereeri K\u00fcmnendmurru Arv<\/h1>\n        <button onclick=\"generateDecimal1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber3\"><\/p>\n\n        <table id=\"decimalTable1\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody3\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dclesanne 4: Genereeri ja Kontrolli K\u00fcmnendmurdus Arv<\/h1>\n        <button onclick=\"generateAndCheck()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber4\"><\/p>\n\n        <table id=\"decimalTable2\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody4\"><\/tbody>\n        <\/table>\n\n        <button onclick=\"checkAnswer4()\">KONTROLLI<\/button>\n        <p id=\"result4\"><\/p>\n    <\/div>\n\n    <script>\n        var generatedNumber1, generatedNumber2;\n\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n            document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ peidame vastuse\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"text\"; \/\/ Muudetud number input t\u00fc\u00fcbiks text\n                input.maxLength = 1; \/\/ Lubame sisestada ainult \u00fche numbri\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer2() {\n            var result = document.getElementById(\"result2\");\n            result.classList.remove(\"hidden\"); \/\/ n\u00e4itame vastust\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = \"\";\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += tableInputs[i].value; \/\/ Kogume sisestatud numbrid \u00fchte stringi\n            }\n\n            if (correctNumber === randomNumber.toString()) { \/\/ Kontrollime vastuse \u00f5igsust\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n                result.className = \"correct\"; \/\/ lisame klassi \"correct\", et stiilid kajastuksid\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n                result.className = \"wrong\"; \/\/ lisame klassi \"wrong\", et stiilid kajastuksid\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\n            return colors[digitIndex];\n        }\n\n        function generateDecimal1() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber3\").innerText = \"Genereeritud arv: \" + generatedNumber1;\n\n            var tableBody = document.getElementById(\"tableBody3\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function generateAndCheck() {\n            generateDecimal2();\n            hideResult();\n        }\n\n        function generateDecimal2() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber4\").innerText = \"Genereeritud arv: \" + generatedNumber2;\n\n            var tableBody = document.getElementById(\"tableBody4\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.maxLength = 1;\n            input2.maxLength = 1;\n            input3.maxLength = 1;\n            input4.maxLength = 1;\n            input5.maxLength = 1;\n            input6.maxLength = 1;\n            input7.maxLength = 1;\n            input1.id = \"hundreds4\";\n            input2.id = \"tens4\";\n            input3.id = \"ones4\";\n            input4.id = \"comma4\";\n            input5.id = \"tenths4\";\n            input6.id = \"hundredths4\";\n            input7.id = \"thousandths4\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result4\").style.display = \"none\";\n        }\n\n        function checkAnswer4() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\n            var userComma = document.getElementById(\"comma4\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result4\");\n            if (userNumber === generatedNumber2 && userComma === \",\") {\n                resultElement.innerText = \"\u00d5IGE\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"VALE\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00dclesanded<\/title>\n    <style>\n        .task-container {\n            margin-bottom: 30px;\n        }\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"task-container\">\n        <h1>\u00dcl 1: Genereeri suvaline arv<\/h1>\n        <label for=\"numberSize1\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize1\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber1\"><\/p>\n\n        <table id=\"numberTable1\">\n            <thead>\n                <tr id=\"tableHeaders1\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody1\"><\/tbody>\n        <\/table>\n        <p id=\"result1\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dcl 2: Genereeri arv ja sisesta numbrid \u00f5igetesse lahtritesse<\/h1>\n        <label for=\"numberSize2\">Vali arvu suurus (3-7): <\/label>\n        <select id=\"numberSize2\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber2()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber2\"><\/p>\n\n        <table id=\"numberTable2\">\n            <thead>\n                <tr id=\"tableHeaders2\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody2\"><\/tbody>\n        <\/table>\n        <button onclick=\"checkAnswer2()\">KONTROLLI<\/button>\n        <p id=\"result2\" class=\"hidden\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dcl 3: Genereeri k\u00fcmnendmurd<\/h1>\n        <button onclick=\"generateDecimal1()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber3\"><\/p>\n\n        <table id=\"decimalTable1\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody3\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>\u00dcl 4: Genereeri k\u00fcmnendmurd ja sisesta numbrid \u00f5igetesse lahtritesse<\/h1>\n        <button onclick=\"generateAndCheck()\">Genereeri Arv<\/button>\n        \n        <p id=\"randomNumber4\"><\/p>\n\n        <table id=\"decimalTable2\">\n            <thead>\n                <tr>\n                    <th>Sajalised<\/th>\n                    <th>K\u00fcmnelised<\/th>\n                    <th>\u00dchelised<\/th>\n                    <th>Koma<\/th>\n                    <th>K\u00fcmnendikud<\/th>\n                    <th>Sajandikud<\/th>\n                    <th>Tuhandikud<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody4\"><\/tbody>\n        <\/table>\n\n        <button onclick=\"checkAnswer4()\">KONTROLLI<\/button>\n        <p id=\"result4\"><\/p>\n    <\/div>\n\n    <script>\n        var generatedNumber1, generatedNumber2;\n\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Genereeritud arv: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Genereeritud arv: \" + randomNumber;\n            document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ peidame vastuse\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"text\"; \/\/ Muudetud number input t\u00fc\u00fcbiks text\n                input.maxLength = 1; \/\/ Lubame sisestada ainult \u00fche numbri\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer2() {\n            var result = document.getElementById(\"result2\");\n            result.classList.remove(\"hidden\"); \/\/ n\u00e4itame vastust\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = \"\";\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += tableInputs[i].value; \/\/ Kogume sisestatud numbrid \u00fchte stringi\n            }\n\n            if (correctNumber === randomNumber.toString()) { \/\/ Kontrollime vastuse \u00f5igsust\n                result.innerHTML = \"<span class='correct'>\u00d5IGE<\/span>\";\n                result.className = \"correct\"; \/\/ lisame klassi \"correct\", et stiilid kajastuksid\n            } else {\n                result.innerHTML = \"<span class='wrong'>VALE<\/span>\";\n                result.className = \"wrong\"; \/\/ lisame klassi \"wrong\", et stiilid kajastuksid\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"\u00dchelised\", \"K\u00fcmnelised\", \"Sajalised\", \"Tuhandelised\", \"K\u00fcmnetuhandelised\", \"Sajatuhandelised\", \"Miljonilised\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\n            return colors[digitIndex];\n        }\n\n        function generateDecimal1() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber3\").innerText = \"Genereeritud arv: \" + generatedNumber1;\n\n            var tableBody = document.getElementById(\"tableBody3\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function generateAndCheck() {\n            generateDecimal2();\n            hideResult();\n        }\n\n        function generateDecimal2() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Genereeri suvaline arv 0 kuni 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber4\").innerText = \"Genereeritud arv: \" + generatedNumber2;\n\n            var tableBody = document.getElementById(\"tableBody4\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Lisa arvud tabelisse\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.maxLength = 1;\n            input2.maxLength = 1;\n            input3.maxLength = 1;\n            input4.maxLength = 1;\n            input5.maxLength = 1;\n            input6.maxLength = 1;\n            input7.maxLength = 1;\n            input1.id = \"hundreds4\";\n            input2.id = \"tens4\";\n            input3.id = \"ones4\";\n            input4.id = \"comma4\";\n            input5.id = \"tenths4\";\n            input6.id = \"hundredths4\";\n            input7.id = \"thousandths4\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result4\").style.display = \"none\";\n        }\n\n        function checkAnswer4() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\n            var userComma = document.getElementById(\"comma4\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result4\");\n            if (userNumber === generatedNumber2 && userComma === \",\") {\n                resultElement.innerText = \"\u00d5IGE\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"VALE\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p>Kalendrid<\/p>\n\n\n\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kalendri valimine<\/title>\n<style>\n  .calendar {\n    font-family: Arial, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .column {\n    flex: 1;\n    border: 1px solid #000;\n    box-sizing: border-box;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  table th {\n    padding: 10px 0;\n    border: 1px solid #000;\n    font-weight: normal;\n    color: #000;\n  }\n  table td {\n    padding: 10px 0;\n    border: 1px solid #000;\n    color: #000;\n  }\n  .month-name {\n    font-weight: bold;\n    color: green; \/* Kuude v\u00e4rv *\/\n  }\n  .day-name {\n    font-weight: bold;\n    color: blue; \/* N\u00e4dalap\u00e4evade v\u00e4rv *\/\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calendar\">\n  <h2>Kalendri valimine<\/h2>\n  <label for=\"year\">Vali aasta:<\/label>\n  <select id=\"year\" onchange=\"generateCalendar()\">\n    <option value=\"2022\">2022<\/option>\n    <option value=\"2023\">2023<\/option>\n    <option value=\"2024\">2024<\/option>\n    <option value=\"2025\">2025<\/option>\n    <option value=\"2026\">2026<\/option>\n    <option value=\"2027\">2027<\/option>\n    <option value=\"2028\">2028<\/option>\n    <option value=\"2029\">2029<\/option>\n    <option value=\"2030\">2030<\/option>\n    <option value=\"2031\">2031<\/option>\n  <\/select>\n  <br><br>\n  <div class=\"calendar-container\">\n    <div class=\"calendar\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction generateCalendar() {\n  var year = document.getElementById(\"year\").value;\n  var calendarContainer = document.querySelector(\".calendar-container\");\n  calendarContainer.innerHTML = \"\"; \/\/ T\u00fchjendame kalendri sisu enne uue genereerimist\n  \n  \/\/ Genereerime kalendri\n  var months = [\"Jaanuar\", \"Veebruar\", \"M\u00e4rts\", \"Aprill\", \"Mai\", \"Juuni\", \"Juuli\", \"August\", \"September\", \"Oktoober\", \"November\", \"Detsember\"];\n  var index = 0;\n  for (var i = 0; i < 4; i++) { \/\/ Iga rida j\u00e4rel lisame uue r\u00fchma\n    var rowDiv = document.createElement(\"div\");\n    rowDiv.classList.add(\"row\");\n    \n    for (var j = 0; j < 3; j++) {\n      var columnDiv = document.createElement(\"div\");\n      columnDiv.classList.add(\"column\");\n      \n      var monthDiv = document.createElement(\"div\");\n      var monthHeader = document.createElement(\"h3\");\n      monthHeader.classList.add(\"month-name\");\n      monthHeader.textContent = months[index] + \" \" + year;\n      monthDiv.appendChild(monthHeader);\n      \n      var monthTable = document.createElement(\"table\");\n      \n      \/\/ Lisame p\u00e4evade nimetused\n      var dayNamesRow = document.createElement(\"tr\");\n      [\"E\", \"T\", \"K\", \"N\", \"R\", \"L\", \"P\"].forEach(function(weekday) {\n        var dayNameCell = document.createElement(\"th\");\n        dayNameCell.textContent = weekday;\n        dayNameCell.classList.add(\"day-name\");\n        dayNamesRow.appendChild(dayNameCell);\n      });\n      monthTable.appendChild(dayNamesRow);\n      \n      \/\/ Leiame esimese kuup\u00e4eva n\u00e4dalap\u00e4eva\n      var firstDayOfWeek = new Date(year, index, 1).getDay(); \/\/ 0 (P) kuni 6 (L)\n      \n      \/\/ Loome esimese rea t\u00fchikute lisamiseks enne esimest kuup\u00e4eva\n      var firstRow = document.createElement(\"tr\");\n      if (firstDayOfWeek === 0) firstDayOfWeek = 7; \/\/ Muudame p\u00fchap\u00e4eva (0) esmasp\u00e4evaks (7)\n      for (var k = 1; k < firstDayOfWeek; k++) {\n        var emptyCell = document.createElement(\"td\");\n        emptyCell.textContent = \"\";\n        firstRow.appendChild(emptyCell);\n      }\n      \n      \/\/ Kuu p\u00e4evade lisamine tabelisse\n      var daysInMonth = new Date(year, index + 1, 0).getDate(); \/\/ Saame kuu p\u00e4evade arvu\n      var dayCounter = 1;\n      for (var k = firstDayOfWeek; k <= 7; k++) {\n        var tableData = document.createElement(\"td\");\n        if (dayCounter === 1 &#038;&#038; index === 0) { \/\/ Jaanuar 2024\n          tableData.textContent = dayCounter;\n        } else {\n          tableData.textContent = dayCounter;\n        }\n        firstRow.appendChild(tableData);\n        dayCounter++;\n      }\n      monthTable.appendChild(firstRow);\n      \n      \/\/ \u00dclej\u00e4\u00e4nud p\u00e4evade lisamine tabelisse\n      for (var k = 0; k < 5; k++) {\n        var tableRow = document.createElement(\"tr\");\n        for (var l = 0; l < 7; l++) {\n          if (dayCounter <= daysInMonth) {\n            var tableData = document.createElement(\"td\");\n            if (dayCounter === 1 &#038;&#038; index === 0) { \/\/ Jaanuar 2024\n              tableData.textContent = dayCounter;\n            } else {\n              tableData.textContent = dayCounter;\n            }\n            tableRow.appendChild(tableData);\n            dayCounter++;\n          } else {\n            var emptyCell = document.createElement(\"td\");\n            emptyCell.textContent = \"\";\n            tableRow.appendChild(emptyCell);\n          }\n        }\n        monthTable.appendChild(tableRow);\n      }\n      \n      monthDiv.appendChild(monthTable);\n      columnDiv.appendChild(monthDiv);\n      rowDiv.appendChild(columnDiv);\n      \n      index++;\n    }\n    calendarContainer.appendChild(rowDiv);\n  }\n}\n\n\/\/ Kutsume funktsiooni v\u00e4lja lehe laadimisel\nwindow.onload = generateCalendar;\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Choose Calendar<\/title>\n<style>\n  .calendar {\n    font-family: Arial, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .column {\n    flex: 1;\n    border: 1px solid #000;\n    box-sizing: border-box;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  table th {\n    padding: 10px 0;\n    border: 1px solid #000;\n    font-weight: normal;\n    color: #000;\n  }\n  table td {\n    padding: 10px 0;\n    border: 1px solid #000;\n    color: #000;\n  }\n  .month-name {\n    font-weight: bold;\n    color: green; \/* Month color *\/\n  }\n  .day-name {\n    font-weight: bold;\n    color: blue; \/* Weekday color *\/\n  }\n  .red {\n    color: red; \/* Red color *\/\n  }\n  .black {\n    color: black; \/* Black color *\/\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calendar\">\n  <h2>Choose Calendar<\/h2>\n  <label for=\"year\">Select Year:<\/label>\n  <select id=\"year\" onchange=\"generateCalendar()\">\n    <option value=\"2022\">2022<\/option>\n    <option value=\"2023\">2023<\/option>\n    <option value=\"2024\">2024<\/option>\n    <option value=\"2025\">2025<\/option>\n    <option value=\"2026\">2026<\/option>\n    <option value=\"2027\">2027<\/option>\n    <option value=\"2028\">2028<\/option>\n    <option value=\"2029\">2029<\/option>\n    <option value=\"2030\">2030<\/option>\n    <option value=\"2031\">2031<\/option>\n  <\/select>\n  <br><br>\n  <div class=\"calendar-container\">\n    <div class=\"calendar\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction generateCalendar() {\n  var year = document.getElementById(\"year\").value;\n  var calendarContainer = document.querySelector(\".calendar-container\");\n  calendarContainer.innerHTML = \"\"; \/\/ Clear calendar content before generating a new one\n  \n  \/\/ Generate calendar\n  var months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n  var index = 0;\n  for (var i = 0; i < 4; i++) { \/\/ Add a new row after every 3 months\n    var rowDiv = document.createElement(\"div\");\n    rowDiv.classList.add(\"row\");\n    \n    for (var j = 0; j < 3; j++) {\n      var columnDiv = document.createElement(\"div\");\n      columnDiv.classList.add(\"column\");\n      \n      var monthDiv = document.createElement(\"div\");\n      var monthHeader = document.createElement(\"h3\");\n      monthHeader.classList.add(\"month-name\");\n      monthHeader.textContent = months[index] + \" \" + year;\n      monthDiv.appendChild(monthHeader);\n      \n      var monthTable = document.createElement(\"table\");\n      \n      \/\/ Add weekday names\n      var dayNamesRow = document.createElement(\"tr\");\n      [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"].forEach(function(weekday) {\n        var dayNameCell = document.createElement(\"th\");\n        dayNameCell.textContent = weekday;\n        dayNameCell.classList.add(\"day-name\");\n        dayNamesRow.appendChild(dayNameCell);\n      });\n      monthTable.appendChild(dayNamesRow);\n      \n      \/\/ Find the first day of the week for the month\n      var firstDayOfWeek = new Date(year, index, 1).getDay(); \/\/ 0 (Sun) to 6 (Sat)\n      \n      \/\/ Create the first row for inserting empty cells before the first day of the month\n      var firstRow = document.createElement(\"tr\");\n      for (var k = 0; k < firstDayOfWeek; k++) {\n        var emptyCell = document.createElement(\"td\");\n        emptyCell.textContent = \"\";\n        firstRow.appendChild(emptyCell);\n      }\n      \n      \/\/ Add the days of the month to the table\n      var daysInMonth = new Date(year, index + 1, 0).getDate(); \/\/ Get the number of days in the month\n      var dayCounter = 1;\n      for (var k = firstDayOfWeek; k < 7; k++) {\n        var tableData = document.createElement(\"td\");\n        tableData.textContent = dayCounter;\n        if (index === 2 &#038;&#038; dayCounter === 15) { \/\/ March 15, 2024\n          tableData.classList.add(\"black\");\n        }\n        firstRow.appendChild(tableData);\n        dayCounter++;\n      }\n      monthTable.appendChild(firstRow);\n      \n      \/\/ Add the remaining days to the table\n      for (var k = 0; k < 5; k++) {\n        var tableRow = document.createElement(\"tr\");\n        for (var l = 0; l < 7; l++) {\n          if (dayCounter <= daysInMonth) {\n            var tableData = document.createElement(\"td\");\n            tableData.textContent = dayCounter;\n            if (index === 2 &#038;&#038; dayCounter === 15) { \/\/ March 15, 2024\n              tableData.classList.add(\"black\");\n            }\n            tableRow.appendChild(tableData);\n            dayCounter++;\n          } else {\n            var emptyCell = document.createElement(\"td\");\n            emptyCell.textContent = \"\";\n            tableRow.appendChild(emptyCell);\n          }\n        }\n        monthTable.appendChild(tableRow);\n      }\n      \n      monthDiv.appendChild(monthTable);\n      columnDiv.appendChild(monthDiv);\n      rowDiv.appendChild(columnDiv);\n      \n      index++;\n    }\n    calendarContainer.appendChild(rowDiv);\n  }\n}\n\n\/\/ Call the function when the page loads\nwindow.onload = generateCalendar;\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Choose Calendar<\/title>\n<style>\n  .calendar {\n    font-family: Arial, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .column {\n    flex: 1;\n    border: 1px solid #000;\n    box-sizing: border-box;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  table th {\n    padding: 10px 0;\n    border: 1px solid #000;\n    font-weight: normal;\n    color: #000;\n  }\n  table td {\n    padding: 10px 0;\n    border: 1px solid #000;\n    color: #000;\n  }\n  .month-name {\n    font-weight: bold;\n    color: green; \/* Month color *\/\n  }\n  .day-name {\n    font-weight: bold;\n    color: blue; \/* Weekday color *\/\n  }\n  .red {\n    color: red; \/* Red color *\/\n  }\n  .black {\n    color: black; \/* Black color *\/\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calendar\">\n  <h2>Choose Calendar<\/h2>\n  <label for=\"year\">Select Year:<\/label>\n  <select id=\"year\" onchange=\"generateCalendar()\">\n    <option value=\"2022\">2022<\/option>\n    <option value=\"2023\">2023<\/option>\n    <option value=\"2024\">2024<\/option>\n    <option value=\"2025\">2025<\/option>\n    <option value=\"2026\">2026<\/option>\n    <option value=\"2027\">2027<\/option>\n    <option value=\"2028\">2028<\/option>\n    <option value=\"2029\">2029<\/option>\n    <option value=\"2030\">2030<\/option>\n    <option value=\"2031\">2031<\/option>\n  <\/select>\n  <br><br>\n  <label for=\"language\">Select Language:<\/label>\n  <select id=\"language\" onchange=\"changeLanguage()\">\n    <option value=\"en\">English<\/option>\n    <option value=\"et\">Estonian<\/option>\n    <option value=\"es\">Spanish<\/option>\n    <option value=\"el\">Greek<\/option>\n  <\/select>\n  <br><br>\n  <div class=\"calendar-container\">\n    <div class=\"calendar\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nvar language = \"en\";\n\nfunction generateCalendar() {\n  var year = document.getElementById(\"year\").value;\n  var calendarContainer = document.querySelector(\".calendar-container\");\n  calendarContainer.innerHTML = \"\"; \/\/ Clear calendar content before generating a new one\n  \n  \/\/ Generate calendar\n  var months = [];\n  if (language === \"en\") {\n    months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n  } else if (language === \"et\") {\n    months = [\"Jaanuar\", \"Veebruar\", \"M\u00e4rts\", \"Aprill\", \"Mai\", \"Juuni\", \"Juuli\", \"August\", \"September\", \"Oktoober\", \"November\", \"Detsember\"];\n  } else if (language === \"es\") {\n    months = [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"];\n  } else if (language === \"el\") {\n    months = [\"\u0399\u03b1\u03bd\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2\", \"\u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2\", \"\u039c\u03ac\u03c1\u03c4\u03b9\u03bf\u03c2\", \"\u0391\u03c0\u03c1\u03af\u03bb\u03b9\u03bf\u03c2\", \"\u039c\u03ac\u03b9\u03bf\u03c2\", \"\u0399\u03bf\u03cd\u03bd\u03b9\u03bf\u03c2\", \"\u0399\u03bf\u03cd\u03bb\u03b9\u03bf\u03c2\", \"\u0391\u03cd\u03b3\u03bf\u03c5\u03c3\u03c4\u03bf\u03c2\", \"\u03a3\u03b5\u03c0\u03c4\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u039f\u03ba\u03c4\u03ce\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u039d\u03bf\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u0394\u03b5\u03ba\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\"];\n  }\n  var index = 0;\n  for (var i = 0; i < 4; i++) { \/\/ Add a new row after every 3 months\n    var rowDiv = document.createElement(\"div\");\n    rowDiv.classList.add(\"row\");\n    \n    for (var j = 0; j < 3; j++) {\n      var columnDiv = document.createElement(\"div\");\n      columnDiv.classList.add(\"column\");\n      \n      var monthDiv = document.createElement(\"div\");\n      var monthHeader = document.createElement(\"h3\");\n      monthHeader.classList.add(\"month-name\");\n      monthHeader.textContent = months[index] + \" \" + year;\n      monthDiv.appendChild(monthHeader);\n      \n      var monthTable = document.createElement(\"table\");\n      \n      \/\/ Add weekday names\n      var dayNamesRow = document.createElement(\"tr\");\n      if (language === \"en\") {\n        [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"].forEach(function(weekday) {\n          var dayNameCell = document.createElement(\"th\");\n          dayNameCell.textContent = weekday;\n          dayNameCell.classList.add(\"day-name\");\n          dayNamesRow.appendChild(dayNameCell);\n        });\n      } else if (language === \"et\") {\n        [\"E\", \"T\", \"K\", \"N\", \"R\", \"L\", \"P\"].forEach(function(weekday) {\n          var dayNameCell = document.createElement(\"th\");\n          dayNameCell.textContent = weekday;\n          dayNameCell.classList.add(\"day-name\");\n          dayNamesRow.appendChild(dayNameCell);\n        });\n      } else if (language === \"es\") {\n        [\"Dom\", \"Lun\", \"Mar\", \"Mi\u00e9\", \"Jue\", \"Vie\", \"S\u00e1b\"].forEach(function(weekday) {\n          var dayNameCell = document.createElement(\"th\");\n          dayNameCell.textContent = weekday;\n          dayNameCell.classList.add(\"day-name\");\n          dayNamesRow.appendChild(dayNameCell);\n        });\n      } else if (language === \"el\") {\n        [\"\u039a\u03c5\u03c1\", \"\u0394\u03b5\u03c5\", \"\u03a4\u03c1\u03af\", \"\u03a4\u03b5\u03c4\", \"\u03a0\u03ad\u03bc\", \"\u03a0\u03b1\u03c1\", \"\u03a3\u03ac\u03b2\"].forEach(function(weekday) {\n          var dayNameCell = document.createElement(\"th\");\n          dayNameCell.textContent = weekday;\n          dayNameCell.classList.add(\"day-name\");\n          dayNamesRow.appendChild(dayNameCell);\n        });\n      }\n      monthTable.appendChild(dayNamesRow);\n      \n      \/\/ Find the first day of the week for the month\n      var firstDayOfWeek = new Date(year, index, 1).getDay(); \/\/ 0 (Sun) to 6 (Sat)\n      \n      \/\/ Create the first row for inserting empty cells before the first day of the month\n      var firstRow = document.createElement(\"tr\");\n      for (var k = 0; k < firstDayOfWeek; k++) {\n        var emptyCell = document.createElement(\"td\");\n        emptyCell.textContent = \"\";\n        firstRow.appendChild(emptyCell);\n      }\n      \n      \/\/ Add the days of the month to the table\n      var daysInMonth = new Date(year, index + 1, 0).getDate(); \/\/ Get the number of days in the month\n      var dayCounter = 1;\n      for (var k = firstDayOfWeek; k < 7; k++) {\n        var tableData = document.createElement(\"td\");\n        tableData.textContent = dayCounter;\n        if (language === \"et\" &#038;&#038; k === 1) { \/\/ Eesti keele korral on esmasp\u00e4ev mustaga\n          tableData.classList.add(\"black\");\n        } else if (k === 0 || k === 6) { \/\/ Sunday or Saturday\n          tableData.classList.add(\"red\");\n        }\n        firstRow.appendChild(tableData);\n        dayCounter++;\n      }\n      monthTable.appendChild(firstRow);\n      \n      \/\/ Add the remaining days to the table\n      for (var k = 0; k < 5; k++) {\n        var tableRow = document.createElement(\"tr\");\n        for (var l = 0; l < 7; l++) {\n          if (dayCounter <= daysInMonth) {\n            var tableData = document.createElement(\"td\");\n            tableData.textContent = dayCounter;\n            if (language === \"et\" &#038;&#038; l === 1) { \/\/ Eesti keele korral on esmasp\u00e4ev mustaga\n              tableData.classList.add(\"black\");\n            } else if (l === 0 || l === 6) { \/\/ Sunday or Saturday\n              tableData.classList.add(\"red\");\n            }\n            tableRow.appendChild(tableData);\n            dayCounter++;\n          } else {\n            var emptyCell = document.createElement(\"td\");\n            emptyCell.textContent = \"\";\n            tableRow.appendChild(emptyCell);\n          }\n        }\n        monthTable.appendChild(tableRow);\n      }\n      \n      monthDiv.appendChild(monthTable);\n      columnDiv.appendChild(monthDiv);\n      rowDiv.appendChild(columnDiv);\n      \n      index++;\n    }\n    calendarContainer.appendChild(rowDiv);\n  }\n}\n\nfunction changeLanguage() {\n  language = document.getElementById(\"language\").value;\n  generateCalendar(); \/\/ Regenerate the calendar when the language is changed\n}\n\n\/\/ Call the function when the page loads\nwindow.onload = generateCalendar;\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kalendri valimine<\/title>\n<style>\n  .calendar {\n    font-family: Arial, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .column {\n    flex: 1;\n    border: 1px solid #000;\n    box-sizing: border-box;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  table th {\n    padding: 10px 0;\n    border: 1px solid #000;\n    font-weight: normal;\n    color: #000;\n  }\n  table td {\n    padding: 10px 0;\n    border: 1px solid #000;\n    color: #000;\n  }\n  .month-name {\n    font-weight: bold;\n    color: green; \/* Kuude v\u00e4rv *\/\n  }\n  .day-name {\n    font-weight: bold;\n    color: blue; \/* N\u00e4dalap\u00e4evade v\u00e4rv *\/\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calendar\">\n  <h2 id=\"calendar-title\">Kalendri valimine<\/h2>\n  <label for=\"language\">Vali keel:<\/label>\n  <select id=\"language\" onchange=\"changeLanguage()\">\n    <option value=\"et\">Eesti<\/option>\n    <option value=\"en\">English<\/option>\n    <option value=\"es\">Espa\u00f1ol<\/option>\n    <option value=\"el\">\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac<\/option>\n  <\/select>\n  <br><br>\n  <label for=\"year\">Vali aasta:<\/label>\n  <select id=\"year\" onchange=\"generateCalendar()\">\n    <option value=\"2022\">2022<\/option>\n    <option value=\"2023\">2023<\/option>\n    <option value=\"2024\">2024<\/option>\n    <option value=\"2025\">2025<\/option>\n    <option value=\"2026\">2026<\/option>\n    <option value=\"2027\">2027<\/option>\n    <option value=\"2028\">2028<\/option>\n    <option value=\"2029\">2029<\/option>\n    <option value=\"2030\">2030<\/option>\n    <option value=\"2031\">2031<\/option>\n  <\/select>\n  <br><br>\n  <div class=\"calendar-container\">\n    <div class=\"calendar\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction changeLanguage() {\n  generateCalendar();\n}\n\nfunction generateCalendar() {\n  var year = document.getElementById(\"year\").value;\n  var lang = document.getElementById(\"language\").value;\n  var calendarContainer = document.querySelector(\".calendar-container\");\n  calendarContainer.innerHTML = \"\"; \/\/ T\u00fchjendame kalendri sisu enne uue genereerimist\n  \n  \/\/ Genereerime kalendri\n  var months = {\n    \"et\": [\"Jaanuar\", \"Veebruar\", \"M\u00e4rts\", \"Aprill\", \"Mai\", \"Juuni\", \"Juuli\", \"August\", \"September\", \"Oktoober\", \"November\", \"Detsember\"],\n    \"en\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"],\n    \"es\": [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"],\n    \"el\": [\"\u0399\u03b1\u03bd\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2\", \"\u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2\", \"\u039c\u03ac\u03c1\u03c4\u03b9\u03bf\u03c2\", \"\u0391\u03c0\u03c1\u03af\u03bb\u03b9\u03bf\u03c2\", \"\u039c\u03ac\u03b9\u03bf\u03c2\", \"\u0399\u03bf\u03cd\u03bd\u03b9\u03bf\u03c2\", \"\u0399\u03bf\u03cd\u03bb\u03b9\u03bf\u03c2\", \"\u0391\u03cd\u03b3\u03bf\u03c5\u03c3\u03c4\u03bf\u03c2\", \"\u03a3\u03b5\u03c0\u03c4\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u039f\u03ba\u03c4\u03ce\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u039d\u03bf\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\", \"\u0394\u03b5\u03ba\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2\"]\n  };\n  var dayNames = {\n    \"et\": [\"E\", \"T\", \"K\", \"N\", \"R\", \"L\", \"P\"],\n    \"en\": [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\"],\n    \"es\": [\"Lun\", \"Mar\", \"Mi\u00e9\", \"Jue\", \"Vie\", \"S\u00e1b\", \"Dom\"],\n    \"el\": [\"\u0394\u03b5\u03c5\", \"\u03a4\u03c1\u03af\", \"\u03a4\u03b5\u03c4\", \"\u03a0\u03ad\u03bc\", \"\u03a0\u03b1\u03c1\", \"\u03a3\u03ac\u03b2\", \"\u039a\u03c5\u03c1\"]\n  };\n  \n  \/\/ Kuup\u00e4eva pealkirjad\n  var dayNamesRow = document.createElement(\"tr\");\n  dayNames[lang].forEach(function(weekday) {\n    var dayNameCell = document.createElement(\"th\");\n    dayNameCell.textContent = weekday;\n    dayNameCell.classList.add(\"day-name\");\n    dayNamesRow.appendChild(dayNameCell);\n  });\n  \n  \/\/ Iga kuu jaoks\n  for (var i = 0; i < 12; i++) {\n    var monthDiv = document.createElement(\"div\");\n    var monthHeader = document.createElement(\"h3\");\n    monthHeader.classList.add(\"month-name\");\n    monthHeader.textContent = months[lang][i] + \" \" + year;\n    monthDiv.appendChild(monthHeader);\n    \n    var monthTable = document.createElement(\"table\");\n    monthTable.appendChild(dayNamesRow.cloneNode(true)); \/\/ Kopeerime p\u00e4evade pealkirjad\n    \n    \/\/ Leiame esimese kuup\u00e4eva n\u00e4dalap\u00e4eva\n    var firstDayOfWeek = new Date(year, i, 1).getDay(); \/\/ 0 (P) kuni 6 (L)\n    \n    \/\/ Loome esimese rea t\u00fchikute lisamiseks enne esimest kuup\u00e4eva\n    var firstRow = document.createElement(\"tr\");\n    if (firstDayOfWeek === 0) firstDayOfWeek = 7; \/\/ Muudame p\u00fchap\u00e4eva (0) esmasp\u00e4evaks (7)\n    for (var k = 1; k < firstDayOfWeek; k++) {\n      var emptyCell = document.createElement(\"td\");\n      emptyCell.textContent = \"\";\n      firstRow.appendChild(emptyCell);\n    }\n    \n    \/\/ Kuu p\u00e4evade lisamine tabelisse\n    var daysInMonth = new Date(year, i + 1, 0).getDate(); \/\/ Saame kuu p\u00e4evade arvu\n    var dayCounter = 1;\n    for (var k = firstDayOfWeek; k <= 7; k++) {\n      var tableData = document.createElement(\"td\");\n      if (dayCounter === 1 &#038;&#038; i === 0) { \/\/ Jaanuar\n        tableData.textContent = dayCounter;\n      } else {\n        tableData.textContent = dayCounter;\n      }\n      firstRow.appendChild(tableData);\n      dayCounter++;\n    }\n    monthTable.appendChild(firstRow);\n    \n    \/\/ \u00dclej\u00e4\u00e4nud p\u00e4evade lisamine tabelisse\n    for (var k = 0; k < 5; k++) {\n      var tableRow = document.createElement(\"tr\");\n      for (var l = 0; l < 7; l++) {\n        if (dayCounter <= daysInMonth) {\n          var tableData = document.createElement(\"td\");\n          tableData.textContent = dayCounter;\n          tableRow.appendChild(tableData);\n          dayCounter++;\n        } else {\n          var emptyCell = document.createElement(\"td\");\n          emptyCell.textContent = \"\";\n          tableRow.appendChild(emptyCell);\n        }\n      }\n      monthTable.appendChild(tableRow);\n    }\n    \n    monthDiv.appendChild(monthTable);\n    calendarContainer.appendChild(monthDiv);\n  }\n}\n\n\/\/ Kutsume funktsioonid v\u00e4lja lehe laadimisel\nwindow.onload = function() {\n  generateCalendar(); \/\/ Kalendri genereerimine\n};\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tasks<\/title>\n    <style>\n        .task-container {\n            margin-bottom: 30px;\n        }\n        table {\n            border-collapse: collapse;\n            width: 50%;\n            margin-top: 20px;\n        }\n        th, td {\n            border: 1px solid black;\n            padding: 8px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n            color: #000;\n            font-weight: bold;\n            writing-mode: vertical-lr;\n            transform: rotate(180deg);\n        }\n        td input {\n            width: 20px;\n        }\n        #result {\n            margin-top: 10px;\n            font-weight: bold;\n            font-size: 16px;\n            display: none;\n        }\n        .correct {\n            color: green;\n        }\n        .wrong {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"task-container\">\n        <h1>Task 1: Generate a Random Number<\/h1>\n        <label for=\"numberSize1\">Choose number size (3-7): <\/label>\n        <select id=\"numberSize1\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber1()\">Generate Number<\/button>\n        \n        <p id=\"randomNumber1\"><\/p>\n\n        <table id=\"numberTable1\">\n            <thead>\n                <tr id=\"tableHeaders1\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody1\"><\/tbody>\n        <\/table>\n        <p id=\"result1\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>Task 2: Generate a Number and Enter Numbers in Correct Cells<\/h1>\n        <label for=\"numberSize2\">Choose number size (3-7): <\/label>\n        <select id=\"numberSize2\">\n            <option value=\"3\">3<\/option>\n            <option value=\"4\">4<\/option>\n            <option value=\"5\">5<\/option>\n            <option value=\"6\">6<\/option>\n            <option value=\"7\">7<\/option>\n        <\/select>\n        <button onclick=\"generateNumber2()\">Generate Number<\/button>\n        \n        <p id=\"randomNumber2\"><\/p>\n\n        <table id=\"numberTable2\">\n            <thead>\n                <tr id=\"tableHeaders2\"><\/tr>\n            <\/thead>\n            <tbody id=\"tableBody2\"><\/tbody>\n        <\/table>\n        <button onclick=\"checkAnswer2()\">CHECK<\/button>\n        <p id=\"result2\" class=\"hidden\"><\/p>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>Task 3: Generate a Decimal Number<\/h1>\n        <button onclick=\"generateDecimal1()\">Generate Number<\/button>\n        \n        <p id=\"randomNumber3\"><\/p>\n\n        <table id=\"decimalTable1\">\n            <thead>\n                <tr>\n                    <th>Hundreds<\/th>\n                    <th>Tens<\/th>\n                    <th>Ones<\/th>\n                    <th>Decimal Point<\/th>\n                    <th>Tenths<\/th>\n                    <th>Hundredths<\/th>\n                    <th>Thousandths<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody3\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"task-container\">\n        <h1>Task 4: Generate a Decimal Number and Enter Numbers in Correct Cells<\/h1>\n        <button onclick=\"generateAndCheck()\">Generate Number<\/button>\n        \n        <p id=\"randomNumber4\"><\/p>\n\n        <table id=\"decimalTable2\">\n            <thead>\n                <tr>\n                    <th>Hundreds<\/th>\n                    <th>Tens<\/th>\n                    <th>Ones<\/th>\n                    <th>Decimal Point<\/th>\n                    <th>Tenths<\/th>\n                    <th>Hundredths<\/th>\n                    <th>Thousandths<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody4\"><\/tbody>\n        <\/table>\n\n        <button onclick=\"checkAnswer4()\">CHECK<\/button>\n        <p id=\"result4\"><\/p>\n    <\/div>\n\n    <script>\n        var generatedNumber1, generatedNumber2;\n\n        function generateNumber1() {\n            var numSize = parseInt(document.getElementById(\"numberSize1\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber1\").innerText = \"Generated number: \" + randomNumber;\n\n            var tableHeaders = document.getElementById(\"tableHeaders1\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody1\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = 0; i < numSize; i++) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(numSize - i - 1);\n                th.style.color = getColor(numSize - i - 1);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                if (i === 0) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"black\";\n                } else if (i === numSize - 1) {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = \"navy\";\n                } else {\n                    td.textContent = parseInt(randomNumber.toString()[i]);\n                    td.style.color = getColor(numSize - i - 1);\n                }\n                tableBody.appendChild(td);\n            }\n        }\n\n        function generateNumber2() {\n            var numSize = parseInt(document.getElementById(\"numberSize2\").value);\n            var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\n            document.getElementById(\"randomNumber2\").innerText = \"Generated number: \" + randomNumber;\n            document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ Hide the answer\n\n            var tableHeaders = document.getElementById(\"tableHeaders2\");\n            tableHeaders.innerHTML = \"\";\n            var tableBody = document.getElementById(\"tableBody2\");\n            tableBody.innerHTML = \"\";\n\n            for (var i = numSize - 1; i >= 0; i--) {\n                var th = document.createElement(\"th\");\n                th.textContent = getDigitTitle(i);\n                th.style.color = getColor(i);\n                tableHeaders.appendChild(th);\n\n                var td = document.createElement(\"td\");\n                var input = document.createElement(\"input\");\n                input.type = \"text\"; \/\/ Changed input type to text\n                input.maxLength = 1; \/\/ Allowing only one digit input\n                input.style.color = getColor(i);\n                td.appendChild(input);\n                tableBody.appendChild(td);\n            }\n        }\n\n        function checkAnswer2() {\n            var result = document.getElementById(\"result2\");\n            result.classList.remove(\"hidden\"); \/\/ Show the answer\n\n            var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\n            var numDigits = randomNumber.toString().length;\n\n            var correctNumber = \"\";\n            var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\n            for (var i = 0; i < numDigits; i++) {\n                correctNumber += tableInputs[i].value; \/\/ Gather the input digits into one string\n            }\n\n            if (correctNumber === randomNumber.toString()) { \/\/ Check the correctness of the answer\n                result.innerHTML = \"<span class='correct'>CORRECT<\/span>\";\n                result.className = \"correct\"; \/\/ Add class \"correct\" for styling\n            } else {\n                result.innerHTML = \"<span class='wrong'>WRONG<\/span>\";\n                result.className = \"wrong\"; \/\/ Add class \"wrong\" for styling\n            }\n        }\n\n        function getDigitTitle(digitIndex) {\n            var titles = [\"Ones\", \"Tens\", \"Hundreds\", \"Thousands\", \"Ten Thousands\", \"Hundred Thousands\", \"Millions\"];\n            return titles[digitIndex];\n        }\n\n        function getColor(digitIndex) {\n            var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\n            return colors[digitIndex];\n        }\n\n        function generateDecimal1() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber3\").innerText = \"Generated number: \" + generatedNumber1;\n\n            var tableBody = document.getElementById(\"tableBody3\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Add numbers to the table\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            td1.textContent = hundreds;\n            td2.textContent = tens;\n            td3.textContent = ones;\n            td4.textContent = \",\";\n            td5.textContent = tenths;\n            td6.textContent = hundredths;\n            td7.textContent = thousandths;\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function generateAndCheck() {\n            generateDecimal2();\n            hideResult();\n        }\n\n        function generateDecimal2() {\n            var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\n            var tens = Math.floor(Math.random() * 10);\n            var ones = Math.floor(Math.random() * 10);\n            var tenths = Math.floor(Math.random() * 10);\n            var hundredths = Math.floor(Math.random() * 10);\n            var thousandths = Math.floor(Math.random() * 10);\n\n            generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\n\n            document.getElementById(\"randomNumber4\").innerText = \"Generated number: \" + generatedNumber2;\n\n            var tableBody = document.getElementById(\"tableBody4\");\n            tableBody.innerHTML = \"\";\n\n            \/\/ Add numbers to the table\n            var tr = document.createElement(\"tr\");\n            var td1 = document.createElement(\"td\");\n            var td2 = document.createElement(\"td\");\n            var td3 = document.createElement(\"td\");\n            var td4 = document.createElement(\"td\");\n            var td5 = document.createElement(\"td\");\n            var td6 = document.createElement(\"td\");\n            var td7 = document.createElement(\"td\");\n            var input1 = document.createElement(\"input\");\n            var input2 = document.createElement(\"input\");\n            var input3 = document.createElement(\"input\");\n            var input4 = document.createElement(\"input\");\n            var input5 = document.createElement(\"input\");\n            var input6 = document.createElement(\"input\");\n            var input7 = document.createElement(\"input\");\n            input1.type = \"text\";\n            input2.type = \"text\";\n            input3.type = \"text\";\n            input4.type = \"text\";\n            input5.type = \"text\";\n            input6.type = \"text\";\n            input7.type = \"text\";\n            input1.maxLength = 1;\n            input2.maxLength = 1;\n            input3.maxLength = 1;\n            input4.maxLength = 1;\n            input5.maxLength = 1;\n            input6.maxLength = 1;\n            input7.maxLength = 1;\n            input1.id = \"hundreds4\";\n            input2.id = \"tens4\";\n            input3.id = \"ones4\";\n            input4.id = \"comma4\";\n            input5.id = \"tenths4\";\n            input6.id = \"hundredths4\";\n            input7.id = \"thousandths4\";\n            input4.value = \",\";\n            td1.appendChild(input1);\n            td2.appendChild(input2);\n            td3.appendChild(input3);\n            td4.appendChild(input4);\n            td5.appendChild(input5);\n            td6.appendChild(input6);\n            td7.appendChild(input7);\n            tr.appendChild(td1);\n            tr.appendChild(td2);\n            tr.appendChild(td3);\n            tr.appendChild(td4);\n            tr.appendChild(td5);\n            tr.appendChild(td6);\n            tr.appendChild(td7);\n            tableBody.appendChild(tr);\n        }\n\n        function hideResult() {\n            document.getElementById(\"result4\").style.display = \"none\";\n        }\n\n        function checkAnswer4() {\n            var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\n            var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\n            var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\n            var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\n            var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\n            var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\n            var userComma = document.getElementById(\"comma4\").value;\n\n            var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\n\n            var resultElement = document.getElementById(\"result4\");\n            if (userNumber === generatedNumber2 && userComma === \",\") {\n                resultElement.innerText = \"CORRECT\";\n                resultElement.className = \"correct\";\n            } else {\n                resultElement.innerText = \"WRONG\";\n                resultElement.className = \"wrong\";\n            }\n            resultElement.style.display = \"block\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u00dclesanded \u00dclesanne 1: Genereeri Suvaline Arv Vali arvu suurus (3-7): 34567 Genereeri Arv \u00dclesanne 2: Arvu M\u00e4ng Vali arvu suurus (3-7): 34567 Genereeri Arv KONTROLLI \u00dclesanded \u00dclesanne 1: Genereeri Suvaline Arv Vali arvu suurus (3-7): 34567 Genereeri Arv \u00dclesanne 2: Arvu M\u00e4ng Vali arvu suurus (3-7): 34567 Genereeri Arv KONTROLLI \u00dclesanded \u00dclesanne 1: Genereeri Suvaline [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/domath.surju.ee\/et\/aa_-html-katsetused_katse-geogebra\/\">Read More&#8230;<span class=\"screen-reader-text\"> from AA_ HTML katsetused_Katse geogebra<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-1408","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"menu-24x24":false,"menu-36x36":false,"menu-48x48":false},"uagb_author_info":{"display_name":"Signe Reidla","author_link":"https:\/\/domath.surju.ee\/et\/author\/signe\/"},"uagb_comment_info":0,"uagb_excerpt":"\u00dclesanded \u00dclesanne 1: Genereeri Suvaline Arv Vali arvu suurus (3-7): 34567 Genereeri Arv \u00dclesanne 2: Arvu M\u00e4ng Vali arvu suurus (3-7): 34567 Genereeri Arv KONTROLLI \u00dclesanded \u00dclesanne 1: Genereeri Suvaline Arv Vali arvu suurus (3-7): 34567 Genereeri Arv \u00dclesanne 2: Arvu M\u00e4ng Vali arvu suurus (3-7): 34567 Genereeri Arv KONTROLLI \u00dclesanded \u00dclesanne 1: Genereeri Suvaline&hellip;","_links":{"self":[{"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/pages\/1408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/comments?post=1408"}],"version-history":[{"count":8,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/pages\/1408\/revisions"}],"predecessor-version":[{"id":5409,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/pages\/1408\/revisions\/5409"}],"wp:attachment":[{"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/media?parent=1408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/categories?post=1408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/domath.surju.ee\/et\/wp-json\/wp\/v2\/tags?post=1408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}