Tasks<\/title>\r\n <style>\r\n .task-container {\r\n margin-bottom: 30px;\r\n }\r\n table {\r\n border-collapse: collapse;\r\n width: 50%;\r\n margin-top: 20px;\r\n }\r\n th, td {\r\n border: 1px solid black;\r\n padding: 8px;\r\n text-align: center;\r\n }\r\n th {\r\n background-color: #f2f2f2;\r\n color: #000;\r\n font-weight: bold;\r\n writing-mode: vertical-lr;\r\n transform: rotate(180deg);\r\n }\r\n td input {\r\n width: 20px;\r\n }\r\n #result {\r\n margin-top: 10px;\r\n font-weight: bold;\r\n font-size: 16px;\r\n display: none;\r\n }\r\n .correct {\r\n color: green;\r\n }\r\n .wrong {\r\n color: red;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"task-container\">\r\n <h1>Task 1: Generate a Random Number<\/h1>\r\n <label for=\"numberSize1\">Choose number size (3-7): <\/label>\r\n <select id=\"numberSize1\">\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <option value=\"6\">6<\/option>\r\n <option value=\"7\">7<\/option>\r\n <\/select>\r\n <button onclick=\"generateNumber1()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber1\"><\/p>\r\n\r\n <table id=\"numberTable1\">\r\n <thead>\r\n <tr id=\"tableHeaders1\"><\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody1\"><\/tbody>\r\n <\/table>\r\n <p id=\"result1\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 2: Generate a Number and Enter Numbers in Correct Cells<\/h1>\r\n <label for=\"numberSize2\">Choose number size (3-7): <\/label>\r\n <select id=\"numberSize2\">\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <option value=\"6\">6<\/option>\r\n <option value=\"7\">7<\/option>\r\n <\/select>\r\n <button onclick=\"generateNumber2()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber2\"><\/p>\r\n\r\n <table id=\"numberTable2\">\r\n <thead>\r\n <tr id=\"tableHeaders2\"><\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody2\"><\/tbody>\r\n <\/table>\r\n <button onclick=\"checkAnswer2()\">CHECK<\/button>\r\n <p id=\"result2\" class=\"hidden\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 3: Generate a Decimal Number<\/h1>\r\n <button onclick=\"generateDecimal1()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber3\"><\/p>\r\n\r\n <table id=\"decimalTable1\">\r\n <thead>\r\n <tr>\r\n <th>Hundreds<\/th>\r\n <th>Tens<\/th>\r\n <th>Ones<\/th>\r\n <th>Decimal Point<\/th>\r\n <th>Tenths<\/th>\r\n <th>Hundredths<\/th>\r\n <th>Thousandths<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody3\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 4: Generate a Decimal Number and Enter Numbers in Correct Cells<\/h1>\r\n <button onclick=\"generateAndCheck()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber4\"><\/p>\r\n\r\n <table id=\"decimalTable2\">\r\n <thead>\r\n <tr>\r\n <th>Hundreds<\/th>\r\n <th>Tens<\/th>\r\n <th>Ones<\/th>\r\n <th>Decimal Point<\/th>\r\n <th>Tenths<\/th>\r\n <th>Hundredths<\/th>\r\n <th>Thousandths<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody4\"><\/tbody>\r\n <\/table>\r\n\r\n <button onclick=\"checkAnswer4()\">CHECK<\/button>\r\n <p id=\"result4\"><\/p>\r\n <\/div>\r\n\r\n <script>\r\n var generatedNumber1, generatedNumber2;\r\n\r\n function generateNumber1() {\r\n var numSize = parseInt(document.getElementById(\"numberSize1\").value);\r\n var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\r\n document.getElementById(\"randomNumber1\").innerText = \"Generated number: \" + randomNumber;\r\n\r\n var tableHeaders = document.getElementById(\"tableHeaders1\");\r\n tableHeaders.innerHTML = \"\";\r\n var tableBody = document.getElementById(\"tableBody1\");\r\n tableBody.innerHTML = \"\";\r\n\r\n for (var i = 0; i < numSize; i++) {\r\n var th = document.createElement(\"th\");\r\n th.textContent = getDigitTitle(numSize - i - 1);\r\n th.style.color = getColor(numSize - i - 1);\r\n tableHeaders.appendChild(th);\r\n\r\n var td = document.createElement(\"td\");\r\n if (i === 0) {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = \"black\";\r\n } else if (i === numSize - 1) {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = \"navy\";\r\n } else {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = getColor(numSize - i - 1);\r\n }\r\n tableBody.appendChild(td);\r\n }\r\n }\r\n\r\n function generateNumber2() {\r\n var numSize = parseInt(document.getElementById(\"numberSize2\").value);\r\n var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\r\n document.getElementById(\"randomNumber2\").innerText = \"Generated number: \" + randomNumber;\r\n document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ Hide the answer\r\n\r\n var tableHeaders = document.getElementById(\"tableHeaders2\");\r\n tableHeaders.innerHTML = \"\";\r\n var tableBody = document.getElementById(\"tableBody2\");\r\n tableBody.innerHTML = \"\";\r\n\r\n for (var i = numSize - 1; i >= 0; i--) {\r\n var th = document.createElement(\"th\");\r\n th.textContent = getDigitTitle(i);\r\n th.style.color = getColor(i);\r\n tableHeaders.appendChild(th);\r\n\r\n var td = document.createElement(\"td\");\r\n var input = document.createElement(\"input\");\r\n input.type = \"text\"; \/\/ Changed input type to text\r\n input.maxLength = 1; \/\/ Allowing only one digit input\r\n input.style.color = getColor(i);\r\n td.appendChild(input);\r\n tableBody.appendChild(td);\r\n }\r\n }\r\n\r\n function checkAnswer2() {\r\n var result = document.getElementById(\"result2\");\r\n result.classList.remove(\"hidden\"); \/\/ Show the answer\r\n\r\n var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\r\n var numDigits = randomNumber.toString().length;\r\n\r\n var correctNumber = \"\";\r\n var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\r\n for (var i = 0; i < numDigits; i++) {\r\n correctNumber += tableInputs[i].value; \/\/ Gather the input digits into one string\r\n }\r\n\r\n if (correctNumber === randomNumber.toString()) { \/\/ Check the correctness of the answer\r\n result.innerHTML = \"<span class='correct'>CORRECT<\/span>\";\r\n result.className = \"correct\"; \/\/ Add class \"correct\" for styling\r\n } else {\r\n result.innerHTML = \"<span class='wrong'>WRONG<\/span>\";\r\n result.className = \"wrong\"; \/\/ Add class \"wrong\" for styling\r\n }\r\n }\r\n\r\n function getDigitTitle(digitIndex) {\r\n var titles = [\"Ones\", \"Tens\", \"Hundreds\", \"Thousands\", \"Ten Thousands\", \"Hundred Thousands\", \"Millions\"];\r\n return titles[digitIndex];\r\n }\r\n\r\n function getColor(digitIndex) {\r\n var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\r\n return colors[digitIndex];\r\n }\r\n\r\n function generateDecimal1() {\r\n var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\r\n var tens = Math.floor(Math.random() * 10);\r\n var ones = Math.floor(Math.random() * 10);\r\n var tenths = Math.floor(Math.random() * 10);\r\n var hundredths = Math.floor(Math.random() * 10);\r\n var thousandths = Math.floor(Math.random() * 10);\r\n\r\n generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\r\n\r\n document.getElementById(\"randomNumber3\").innerText = \"Generated number: \" + generatedNumber1;\r\n\r\n var tableBody = document.getElementById(\"tableBody3\");\r\n tableBody.innerHTML = \"\";\r\n\r\n \/\/ Add numbers to the table\r\n var tr = document.createElement(\"tr\");\r\n var td1 = document.createElement(\"td\");\r\n var td2 = document.createElement(\"td\");\r\n var td3 = document.createElement(\"td\");\r\n var td4 = document.createElement(\"td\");\r\n var td5 = document.createElement(\"td\");\r\n var td6 = document.createElement(\"td\");\r\n var td7 = document.createElement(\"td\");\r\n td1.textContent = hundreds;\r\n td2.textContent = tens;\r\n td3.textContent = ones;\r\n td4.textContent = \",\";\r\n td5.textContent = tenths;\r\n td6.textContent = hundredths;\r\n td7.textContent = thousandths;\r\n tr.appendChild(td1);\r\n tr.appendChild(td2);\r\n tr.appendChild(td3);\r\n tr.appendChild(td4);\r\n tr.appendChild(td5);\r\n tr.appendChild(td6);\r\n tr.appendChild(td7);\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n function generateAndCheck() {\r\n generateDecimal2();\r\n hideResult();\r\n }\r\n\r\n function generateDecimal2() {\r\n var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\r\n var tens = Math.floor(Math.random() * 10);\r\n var ones = Math.floor(Math.random() * 10);\r\n var tenths = Math.floor(Math.random() * 10);\r\n var hundredths = Math.floor(Math.random() * 10);\r\n var thousandths = Math.floor(Math.random() * 10);\r\n\r\n generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\r\n\r\n document.getElementById(\"randomNumber4\").innerText = \"Generated number: \" + generatedNumber2;\r\n\r\n var tableBody = document.getElementById(\"tableBody4\");\r\n tableBody.innerHTML = \"\";\r\n\r\n \/\/ Add numbers to the table\r\n var tr = document.createElement(\"tr\");\r\n var td1 = document.createElement(\"td\");\r\n var td2 = document.createElement(\"td\");\r\n var td3 = document.createElement(\"td\");\r\n var td4 = document.createElement(\"td\");\r\n var td5 = document.createElement(\"td\");\r\n var td6 = document.createElement(\"td\");\r\n var td7 = document.createElement(\"td\");\r\n var input1 = document.createElement(\"input\");\r\n var input2 = document.createElement(\"input\");\r\n var input3 = document.createElement(\"input\");\r\n var input4 = document.createElement(\"input\");\r\n var input5 = document.createElement(\"input\");\r\n var input6 = document.createElement(\"input\");\r\n var input7 = document.createElement(\"input\");\r\n input1.type = \"text\";\r\n input2.type = \"text\";\r\n input3.type = \"text\";\r\n input4.type = \"text\";\r\n input5.type = \"text\";\r\n input6.type = \"text\";\r\n input7.type = \"text\";\r\n input1.maxLength = 1;\r\n input2.maxLength = 1;\r\n input3.maxLength = 1;\r\n input4.maxLength = 1;\r\n input5.maxLength = 1;\r\n input6.maxLength = 1;\r\n input7.maxLength = 1;\r\n input1.id = \"hundreds4\";\r\n input2.id = \"tens4\";\r\n input3.id = \"ones4\";\r\n input4.id = \"comma4\";\r\n input5.id = \"tenths4\";\r\n input6.id = \"hundredths4\";\r\n input7.id = \"thousandths4\";\r\n input4.value = \",\";\r\n td1.appendChild(input1);\r\n td2.appendChild(input2);\r\n td3.appendChild(input3);\r\n td4.appendChild(input4);\r\n td5.appendChild(input5);\r\n td6.appendChild(input6);\r\n td7.appendChild(input7);\r\n tr.appendChild(td1);\r\n tr.appendChild(td2);\r\n tr.appendChild(td3);\r\n tr.appendChild(td4);\r\n tr.appendChild(td5);\r\n tr.appendChild(td6);\r\n tr.appendChild(td7);\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n function hideResult() {\r\n document.getElementById(\"result4\").style.display = \"none\";\r\n }\r\n\r\n function checkAnswer4() {\r\n var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\r\n var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\r\n var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\r\n var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\r\n var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\r\n var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\r\n var userComma = document.getElementById(\"comma4\").value;\r\n\r\n var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\r\n\r\n var resultElement = document.getElementById(\"result4\");\r\n if (userNumber === generatedNumber2 && userComma === \",\") {\r\n resultElement.innerText = \"CORRECT\";\r\n resultElement.className = \"correct\";\r\n } else {\r\n resultElement.innerText = \"WRONG\";\r\n resultElement.className = \"wrong\";\r\n }\r\n resultElement.style.display = \"block\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n","protected":false},"excerpt":{"rendered":"<p>Sistema de base 10 El sistema de base 10, tambi\u00e9n conocido como sistema decimal, es el sistema de numeraci\u00f3n que utilizamos com\u00fanmente en nuestra vida diaria. Se caracteriza por: Base 10: Esto significa que utilizamos diez d\u00edgitos diferentes (del 0 al 9) para representar cualquier n\u00famero. Posicional: El valor de cada d\u00edgito depende de su […]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/domath.surju.ee\/es\/b-kats\/\">Leer m\u00e1s…<span class=\"screen-reader-text\"> from Sistema de base 10<\/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":[65,76,74,62],"class_list":["post-1394","page","type-page","status-publish","hentry","tag-english-b","tag-estonian-k","tag-greek-delta","tag-spanish-s"],"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\/es\/author\/signe\/"},"uagb_comment_info":0,"uagb_excerpt":"Sistema de base 10 El sistema de base 10, tambi\u00e9n conocido como sistema decimal, es el sistema de numeraci\u00f3n que utilizamos com\u00fanmente en nuestra vida diaria. Se caracteriza por: Base 10: Esto significa que utilizamos diez d\u00edgitos diferentes (del 0 al 9) para representar cualquier n\u00famero. Posicional: El valor de cada d\u00edgito depende de su…","_links":{"self":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/comments?post=1394"}],"version-history":[{"count":25,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394\/revisions"}],"predecessor-version":[{"id":4970,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394\/revisions\/4970"}],"wp:attachment":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/media?parent=1394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/categories?post=1394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/tags?post=1394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n

\r\n\r\n

Ejemplos de n\u00fameros en base 10 y su descomposici\u00f3n:<\/p>\r\n

543:<\/strong> 5 centenas + 4 decenas + 3 unidades = (5 \u00d7 100) + (4 \u00d7 10) + (3 \u00d7 1)<\/li>\r\n\t
2021:<\/strong> 2 millares + 0 centenas + 2 decenas + 1 unidad = (2 \u00d7 1000) + (0 \u00d7 100) + (2 \u00d7 10) + (1 \u00d7 1)<\/li>\r\n\t
10000:<\/strong> 1 diez mil = (1 \u00d7 10000)<\/li>\r\n<\/ul>\r\n\r\n\r\n
\r\n
<\/p>\r\n\r\n\r\n\r\n
<\/p>\r\n\r\n\r\n\r\n
<\/p>\r\n\r\n\r\n\r\n
<\/p>\r\n\r\n\r\n\r\n
<\/p>\r\n\r\n\r\n\r\n
<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n Tasks<\/title>\r\n <style>\r\n .task-container {\r\n margin-bottom: 30px;\r\n }\r\n table {\r\n border-collapse: collapse;\r\n width: 50%;\r\n margin-top: 20px;\r\n }\r\n th, td {\r\n border: 1px solid black;\r\n padding: 8px;\r\n text-align: center;\r\n }\r\n th {\r\n background-color: #f2f2f2;\r\n color: #000;\r\n font-weight: bold;\r\n writing-mode: vertical-lr;\r\n transform: rotate(180deg);\r\n }\r\n td input {\r\n width: 20px;\r\n }\r\n #result {\r\n margin-top: 10px;\r\n font-weight: bold;\r\n font-size: 16px;\r\n display: none;\r\n }\r\n .correct {\r\n color: green;\r\n }\r\n .wrong {\r\n color: red;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"task-container\">\r\n <h1>Task 1: Generate a Random Number<\/h1>\r\n <label for=\"numberSize1\">Choose number size (3-7): <\/label>\r\n <select id=\"numberSize1\">\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <option value=\"6\">6<\/option>\r\n <option value=\"7\">7<\/option>\r\n <\/select>\r\n <button onclick=\"generateNumber1()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber1\"><\/p>\r\n\r\n <table id=\"numberTable1\">\r\n <thead>\r\n <tr id=\"tableHeaders1\"><\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody1\"><\/tbody>\r\n <\/table>\r\n <p id=\"result1\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 2: Generate a Number and Enter Numbers in Correct Cells<\/h1>\r\n <label for=\"numberSize2\">Choose number size (3-7): <\/label>\r\n <select id=\"numberSize2\">\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <option value=\"6\">6<\/option>\r\n <option value=\"7\">7<\/option>\r\n <\/select>\r\n <button onclick=\"generateNumber2()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber2\"><\/p>\r\n\r\n <table id=\"numberTable2\">\r\n <thead>\r\n <tr id=\"tableHeaders2\"><\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody2\"><\/tbody>\r\n <\/table>\r\n <button onclick=\"checkAnswer2()\">CHECK<\/button>\r\n <p id=\"result2\" class=\"hidden\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 3: Generate a Decimal Number<\/h1>\r\n <button onclick=\"generateDecimal1()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber3\"><\/p>\r\n\r\n <table id=\"decimalTable1\">\r\n <thead>\r\n <tr>\r\n <th>Hundreds<\/th>\r\n <th>Tens<\/th>\r\n <th>Ones<\/th>\r\n <th>Decimal Point<\/th>\r\n <th>Tenths<\/th>\r\n <th>Hundredths<\/th>\r\n <th>Thousandths<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody3\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"task-container\">\r\n <h1>Task 4: Generate a Decimal Number and Enter Numbers in Correct Cells<\/h1>\r\n <button onclick=\"generateAndCheck()\">Generate Number<\/button>\r\n \r\n <p id=\"randomNumber4\"><\/p>\r\n\r\n <table id=\"decimalTable2\">\r\n <thead>\r\n <tr>\r\n <th>Hundreds<\/th>\r\n <th>Tens<\/th>\r\n <th>Ones<\/th>\r\n <th>Decimal Point<\/th>\r\n <th>Tenths<\/th>\r\n <th>Hundredths<\/th>\r\n <th>Thousandths<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody4\"><\/tbody>\r\n <\/table>\r\n\r\n <button onclick=\"checkAnswer4()\">CHECK<\/button>\r\n <p id=\"result4\"><\/p>\r\n <\/div>\r\n\r\n <script>\r\n var generatedNumber1, generatedNumber2;\r\n\r\n function generateNumber1() {\r\n var numSize = parseInt(document.getElementById(\"numberSize1\").value);\r\n var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\r\n document.getElementById(\"randomNumber1\").innerText = \"Generated number: \" + randomNumber;\r\n\r\n var tableHeaders = document.getElementById(\"tableHeaders1\");\r\n tableHeaders.innerHTML = \"\";\r\n var tableBody = document.getElementById(\"tableBody1\");\r\n tableBody.innerHTML = \"\";\r\n\r\n for (var i = 0; i < numSize; i++) {\r\n var th = document.createElement(\"th\");\r\n th.textContent = getDigitTitle(numSize - i - 1);\r\n th.style.color = getColor(numSize - i - 1);\r\n tableHeaders.appendChild(th);\r\n\r\n var td = document.createElement(\"td\");\r\n if (i === 0) {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = \"black\";\r\n } else if (i === numSize - 1) {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = \"navy\";\r\n } else {\r\n td.textContent = parseInt(randomNumber.toString()[i]);\r\n td.style.color = getColor(numSize - i - 1);\r\n }\r\n tableBody.appendChild(td);\r\n }\r\n }\r\n\r\n function generateNumber2() {\r\n var numSize = parseInt(document.getElementById(\"numberSize2\").value);\r\n var randomNumber = Math.floor(Math.random() * (Math.pow(10, numSize) - Math.pow(10, numSize - 1)) + Math.pow(10, numSize - 1));\r\n document.getElementById(\"randomNumber2\").innerText = \"Generated number: \" + randomNumber;\r\n document.getElementById(\"result2\").classList.add(\"hidden\"); \/\/ Hide the answer\r\n\r\n var tableHeaders = document.getElementById(\"tableHeaders2\");\r\n tableHeaders.innerHTML = \"\";\r\n var tableBody = document.getElementById(\"tableBody2\");\r\n tableBody.innerHTML = \"\";\r\n\r\n for (var i = numSize - 1; i >= 0; i--) {\r\n var th = document.createElement(\"th\");\r\n th.textContent = getDigitTitle(i);\r\n th.style.color = getColor(i);\r\n tableHeaders.appendChild(th);\r\n\r\n var td = document.createElement(\"td\");\r\n var input = document.createElement(\"input\");\r\n input.type = \"text\"; \/\/ Changed input type to text\r\n input.maxLength = 1; \/\/ Allowing only one digit input\r\n input.style.color = getColor(i);\r\n td.appendChild(input);\r\n tableBody.appendChild(td);\r\n }\r\n }\r\n\r\n function checkAnswer2() {\r\n var result = document.getElementById(\"result2\");\r\n result.classList.remove(\"hidden\"); \/\/ Show the answer\r\n\r\n var randomNumber = parseInt(document.getElementById(\"randomNumber2\").innerText.split(\":\")[1]);\r\n var numDigits = randomNumber.toString().length;\r\n\r\n var correctNumber = \"\";\r\n var tableInputs = document.getElementById(\"tableBody2\").querySelectorAll(\"input\");\r\n for (var i = 0; i < numDigits; i++) {\r\n correctNumber += tableInputs[i].value; \/\/ Gather the input digits into one string\r\n }\r\n\r\n if (correctNumber === randomNumber.toString()) { \/\/ Check the correctness of the answer\r\n result.innerHTML = \"<span class='correct'>CORRECT<\/span>\";\r\n result.className = \"correct\"; \/\/ Add class \"correct\" for styling\r\n } else {\r\n result.innerHTML = \"<span class='wrong'>WRONG<\/span>\";\r\n result.className = \"wrong\"; \/\/ Add class \"wrong\" for styling\r\n }\r\n }\r\n\r\n function getDigitTitle(digitIndex) {\r\n var titles = [\"Ones\", \"Tens\", \"Hundreds\", \"Thousands\", \"Ten Thousands\", \"Hundred Thousands\", \"Millions\"];\r\n return titles[digitIndex];\r\n }\r\n\r\n function getColor(digitIndex) {\r\n var colors = [\"black\", \"green\", \"red\", \"purple\", \"orange\", \"#8B4513\", \"navy\"];\r\n return colors[digitIndex];\r\n }\r\n\r\n function generateDecimal1() {\r\n var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\r\n var tens = Math.floor(Math.random() * 10);\r\n var ones = Math.floor(Math.random() * 10);\r\n var tenths = Math.floor(Math.random() * 10);\r\n var hundredths = Math.floor(Math.random() * 10);\r\n var thousandths = Math.floor(Math.random() * 10);\r\n\r\n generatedNumber1 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\r\n\r\n document.getElementById(\"randomNumber3\").innerText = \"Generated number: \" + generatedNumber1;\r\n\r\n var tableBody = document.getElementById(\"tableBody3\");\r\n tableBody.innerHTML = \"\";\r\n\r\n \/\/ Add numbers to the table\r\n var tr = document.createElement(\"tr\");\r\n var td1 = document.createElement(\"td\");\r\n var td2 = document.createElement(\"td\");\r\n var td3 = document.createElement(\"td\");\r\n var td4 = document.createElement(\"td\");\r\n var td5 = document.createElement(\"td\");\r\n var td6 = document.createElement(\"td\");\r\n var td7 = document.createElement(\"td\");\r\n td1.textContent = hundreds;\r\n td2.textContent = tens;\r\n td3.textContent = ones;\r\n td4.textContent = \",\";\r\n td5.textContent = tenths;\r\n td6.textContent = hundredths;\r\n td7.textContent = thousandths;\r\n tr.appendChild(td1);\r\n tr.appendChild(td2);\r\n tr.appendChild(td3);\r\n tr.appendChild(td4);\r\n tr.appendChild(td5);\r\n tr.appendChild(td6);\r\n tr.appendChild(td7);\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n function generateAndCheck() {\r\n generateDecimal2();\r\n hideResult();\r\n }\r\n\r\n function generateDecimal2() {\r\n var hundreds = Math.floor(Math.random() * 10); \/\/ Generate random number between 0 to 9\r\n var tens = Math.floor(Math.random() * 10);\r\n var ones = Math.floor(Math.random() * 10);\r\n var tenths = Math.floor(Math.random() * 10);\r\n var hundredths = Math.floor(Math.random() * 10);\r\n var thousandths = Math.floor(Math.random() * 10);\r\n\r\n generatedNumber2 = parseFloat(hundreds.toString() + tens.toString() + ones.toString() + \".\" + tenths.toString() + hundredths.toString() + thousandths.toString());\r\n\r\n document.getElementById(\"randomNumber4\").innerText = \"Generated number: \" + generatedNumber2;\r\n\r\n var tableBody = document.getElementById(\"tableBody4\");\r\n tableBody.innerHTML = \"\";\r\n\r\n \/\/ Add numbers to the table\r\n var tr = document.createElement(\"tr\");\r\n var td1 = document.createElement(\"td\");\r\n var td2 = document.createElement(\"td\");\r\n var td3 = document.createElement(\"td\");\r\n var td4 = document.createElement(\"td\");\r\n var td5 = document.createElement(\"td\");\r\n var td6 = document.createElement(\"td\");\r\n var td7 = document.createElement(\"td\");\r\n var input1 = document.createElement(\"input\");\r\n var input2 = document.createElement(\"input\");\r\n var input3 = document.createElement(\"input\");\r\n var input4 = document.createElement(\"input\");\r\n var input5 = document.createElement(\"input\");\r\n var input6 = document.createElement(\"input\");\r\n var input7 = document.createElement(\"input\");\r\n input1.type = \"text\";\r\n input2.type = \"text\";\r\n input3.type = \"text\";\r\n input4.type = \"text\";\r\n input5.type = \"text\";\r\n input6.type = \"text\";\r\n input7.type = \"text\";\r\n input1.maxLength = 1;\r\n input2.maxLength = 1;\r\n input3.maxLength = 1;\r\n input4.maxLength = 1;\r\n input5.maxLength = 1;\r\n input6.maxLength = 1;\r\n input7.maxLength = 1;\r\n input1.id = \"hundreds4\";\r\n input2.id = \"tens4\";\r\n input3.id = \"ones4\";\r\n input4.id = \"comma4\";\r\n input5.id = \"tenths4\";\r\n input6.id = \"hundredths4\";\r\n input7.id = \"thousandths4\";\r\n input4.value = \",\";\r\n td1.appendChild(input1);\r\n td2.appendChild(input2);\r\n td3.appendChild(input3);\r\n td4.appendChild(input4);\r\n td5.appendChild(input5);\r\n td6.appendChild(input6);\r\n td7.appendChild(input7);\r\n tr.appendChild(td1);\r\n tr.appendChild(td2);\r\n tr.appendChild(td3);\r\n tr.appendChild(td4);\r\n tr.appendChild(td5);\r\n tr.appendChild(td6);\r\n tr.appendChild(td7);\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n function hideResult() {\r\n document.getElementById(\"result4\").style.display = \"none\";\r\n }\r\n\r\n function checkAnswer4() {\r\n var userHundreds = parseInt(document.getElementById(\"hundreds4\").value) || 0;\r\n var userTens = parseInt(document.getElementById(\"tens4\").value) || 0;\r\n var userOnes = parseInt(document.getElementById(\"ones4\").value) || 0;\r\n var userTenths = parseInt(document.getElementById(\"tenths4\").value) || 0;\r\n var userHundredths = parseInt(document.getElementById(\"hundredths4\").value) || 0;\r\n var userThousandths = parseInt(document.getElementById(\"thousandths4\").value) || 0;\r\n var userComma = document.getElementById(\"comma4\").value;\r\n\r\n var userNumber = parseFloat(userHundreds.toString() + userTens.toString() + userOnes.toString() + \".\" + userTenths.toString() + userHundredths.toString() + userThousandths.toString());\r\n\r\n var resultElement = document.getElementById(\"result4\");\r\n if (userNumber === generatedNumber2 && userComma === \",\") {\r\n resultElement.innerText = \"CORRECT\";\r\n resultElement.className = \"correct\";\r\n } else {\r\n resultElement.innerText = \"WRONG\";\r\n resultElement.className = \"wrong\";\r\n }\r\n resultElement.style.display = \"block\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n","protected":false},"excerpt":{"rendered":"<p>Sistema de base 10 El sistema de base 10, tambi\u00e9n conocido como sistema decimal, es el sistema de numeraci\u00f3n que utilizamos com\u00fanmente en nuestra vida diaria. Se caracteriza por: Base 10: Esto significa que utilizamos diez d\u00edgitos diferentes (del 0 al 9) para representar cualquier n\u00famero. Posicional: El valor de cada d\u00edgito depende de su […]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/domath.surju.ee\/es\/b-kats\/\">Leer m\u00e1s…<span class=\"screen-reader-text\"> from Sistema de base 10<\/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":[65,76,74,62],"class_list":["post-1394","page","type-page","status-publish","hentry","tag-english-b","tag-estonian-k","tag-greek-delta","tag-spanish-s"],"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\/es\/author\/signe\/"},"uagb_comment_info":0,"uagb_excerpt":"Sistema de base 10 El sistema de base 10, tambi\u00e9n conocido como sistema decimal, es el sistema de numeraci\u00f3n que utilizamos com\u00fanmente en nuestra vida diaria. Se caracteriza por: Base 10: Esto significa que utilizamos diez d\u00edgitos diferentes (del 0 al 9) para representar cualquier n\u00famero. Posicional: El valor de cada d\u00edgito depende de su…","_links":{"self":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/comments?post=1394"}],"version-history":[{"count":25,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394\/revisions"}],"predecessor-version":[{"id":4970,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/pages\/1394\/revisions\/4970"}],"wp:attachment":[{"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/media?parent=1394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/categories?post=1394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/domath.surju.ee\/es\/wp-json\/wp\/v2\/tags?post=1394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}