JS Kalkulaatorid<\/title>\n <link rel=\"stylesheet\" href=\"kalkulaatorStyles.css\">\n<\/head>\n<body onload=\"juhuslikPilt()\">\n<div id=\"kalk1\">\n <h2>Saia kalkulaator 1<\/h2>\n <label for=\"saiatyyp\">Vali saia<\/label>\n\n <select name=\"saiatyyp\" id=\"saiatyyp\">\n <option value=\"vali\">vali…<\/option>\n <option value=\"juuste\">juuste<\/option>\n <option value=\"kaneeli\">kaneeli<\/option>\n <option value=\"mooni\">mooni<\/option>\n <option value=\"pontshik\">pont\u0161ik<\/option>\n <\/select>\n\n <label for=\"kogus\">Sisesta saiade kogus<\/label>\n\n <input type=\"number\" min=\"1\" max=\"10\" step=\"1\" id=\"kogus\">\n\n <button onclick=\"saiaKalkulaator()\">Vastus<\/button>\n\n <div id=\"vastus\"><\/div>\n<\/div>\n\n<div id=\"kalk2\">\n <h2>Juhusliku (Random) pildi vastavus radionupule<\/h2>\n <div id=\"kalk2-container\">\n <img decoding=\"async\" src=\"\" alt=\"juhuslik pilt\" id=\"random-pilt\">\n\n <br>\n\n <strong>Vali pilt<\/strong>\n\n <br>\n <div id=\"radionuppid-container\">\n\n <input type=\"radio\" name=\"valik\" id=\"minion\" value=\"minion.jpg\">\n <label for=\"minion\">Minion<\/label>\n\n <br>\n\n <input type=\"radio\" name=\"valik\" id=\"sirok\" value=\"sirok.png\">\n <label for=\"sirok\">Sirok<\/label>\n\n <br>\n\n <input type=\"radio\" name=\"valik\" id=\"zxccat\" value=\"zxc.jpg\">\n <label for=\"zxccat\">ZXC Cat<\/label>\n <\/div>\n <br>\n <button onclick=\"radioKontroll()\">Vastus<\/button>\n <br>\n <div id=\"vastus2\"><\/div>\n <\/div>\n<\/div>\n<div id=\"kalk3\">\n <h2>Temp converter<\/h2>\n <div id=\"kalk3-container\">\n <label for=\"temp-input\">Temp<\/label>\n <input type=\"input\" id=\"temp-input\">\n <div id=\"temp-nuppid-container\">\n <label for=\"ct\">C<\/label>\n <input type=\"radio\" name=\"temp-nuppid\" id=\"ct\" value=\"ct\">\n <br>\n <label for=\"ft\">F<\/label>\n <input type=\"radio\" name=\"temp-nuppid\" id=\"ft\" value=\"ft\">\n <\/div>\n\n <button onclick=\"naitaTulemus()\">Vastus<\/button>\n\n <div id=\"vastus3\"><\/div>\n <\/div>\n<\/div>\n<div id=\"kalk4\">\n <h2>Boost rating<\/h2>\n <div id=\"kalk4-container\">\n <label for=\"mangeValik\">Vali oma m\u00e4nge<\/label>\n <br>\n <select id=\"mangeValik\" onchange=\"manguChange()\">\n <option value=\"vali\">Vali<\/option>\n <option value=\"dota\">Dota 2<\/option>\n <option value=\"cs2\">CS 2<\/option>\n <option value=\"valorant\">Valorant<\/option>\n <\/select>\n <br>\n <label for=\"praegune-rang\">Mis Rang teil praegu on?<\/label>\n <br>\n <select id=\"praegune-rang\"><\/select>\n <br>\n <label for=\"soovitud-rang\">Milline Rang sa tahad?<\/label>\n <br>\n <select id=\"soovitud-rang\"><\/select>\n <br>\n <button onclick=\"arvaHind()\">Vastus<\/button>\n <br>\n <div id=\"vastus4\"><\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<script>\n\/\/ -- Kalkulaator 1 ----------------------------------------------------------------------------------------------------\n\nconst saiadeKogusInput = document.getElementById(\"kogus\")\nconst saiaTyyp = document.getElementById(\"saiatyyp\")\nconst vastus = document.getElementById(\"vastus\")\n\nconst hinnad = {\n \"juuste\": 1.20,\n \"kaneeli\": 1.50,\n \"mooni\": 1.20,\n \"pontshik\": 2.00\n}\n\nfunction saiaKalkulaator(){\n vastus.style.backgroundColor = \"white\"\n if (!hinnad[saiaTyyp.value]){\n vastus.innerHTML = \"palun vali saia\"\n vastus.style.backgroundColor = \"red\"\n }\n else{\n vastus.innerHTML = `Valitud saia: ${saiaTyyp.value}.\\n Kogus: ${saiadeKogusInput.value}`+\n `\\nHind: ${(hinnad[saiaTyyp.value] * saiadeKogusInput.value).toFixed(2)}\u20ac`\n }\n}\n\n\/\/ -- Kalkulaator 2 ----------------------------------------------------------------------------------------------------\n\nconst valikud = document.getElementsByName(\"valik\")\nconst vastus2 = document.getElementById(\"vastus2\")\nconst juhuslikuPiltImg = document.getElementById(\"random-pilt\")\nlet praeguJuhuslikPilt = null;\nconst pildid = [\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/zxc.png\", \"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/sirok-2.png\", \"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\"]\nconst dir = \"img\/\"\n\n\/\/ funktsioon, mis n\u00e4itab juhusliku pildi, kui kasutaja uuendab veebileht\nfunction juhuslikPilt(){\n const pathJuhuslikuPilt = pildid[Math.floor(Math.random() * 3)]\n praeguJuhuslikPilt = pathJuhuslikuPilt\n juhuslikuPiltImg.src = pathJuhuslikuPilt\n}\n\nfunction radioKontroll(){\n valikud.forEach((element) => {\n if(element.checked) {\n if (element.value === praeguJuhuslikPilt){\n vastus2.style.backgroundColor = \"green\"\n vastus2.innerHTML = \"\u00f5ige!\"\n vastus2.style.color = \"white\"\n return null\n }\n else {\n vastus2.style.backgroundColor = \"red\"\n vastus2.style.color = \"white\"\n vastus2.innerHTML = \"vale!\"\n return null\n }\n }\n })\n}\n\n\/\/ -- Kalkulaator 3 ----------------------------------------------------------------------------------------------------\n\nconst vastus3 = document.getElementById(\"vastus3\")\nconst tempValikud = document.getElementsByName(\"temp-nuppid\")\nconst tempImput = document.getElementById(\"temp-input\")\nlet praeguTemp = null\n\nfunction arvaTemp(){\n if (praeguTemp === \"ft\"){\n return (tempImput.value * 9 \/ 5) + 32\n }\n else{\n return (tempImput.value - 32) * 5 \/ 9\n }\n}\n\nfunction naitaTulemus(){\n tempValikud.forEach((element) => {\n if(element.checked){\n console.log(element.value)\n praeguTemp = element.value\n }\n })\n\n const tulemus = arvaTemp()\n vastus3.innerHTML = `${praeguTemp === \"ft\" ? `${tempImput.value} C\u00b0` : `${tempImput.value} \u00b0F`} = ${praeguTemp === \"ft\" ? `${tulemus.toFixed(2)} \u00b0F` : `${tulemus.toFixed(2)} C\u00b0`}`\n}\n\n\/\/ -- Kalkulaator 4 ----------------------------------------------------------------------------------------------------\n\nconst ranked = {\n \"dota\":[\"herald\", \"guardian\", \"crusader\", \"archon\", \"legend\", \"ancient\", \"divine\"],\n \"cs2\":[\"silver\",\"gold\",\"nova\",\"supreme\",\"global\"],\n \"valorant\":[\"iron\", \"gold\", \"ascendant\", \"bronze\", \"platinum\", \"immortal\", \"silver\", \"diamond\", \"radiant\"]\n}\nconst dotaErinevus = 8000 \/ ranked[\"dota\"].length\nconst dotaRangHind = 30\n\nconst cs2Erinevus = 11000 \/ ranked[\"cs2\"].length\nconst cs2RangHind = 10\n\nconst valorantErinevus = 9000 \/ ranked[\"valorant\"].length\nconst valorantRangHind = 50\n\nconst mangedValik = document.getElementById(\"mangeValik\")\n\nconst omaRangSelect = document.getElementById(\"praegune-rang\")\nconst soovitudRangSelet = document.getElementById(\"soovitud-rang\")\n\nconst vastus4 = document.getElementById(\"vastus4\")\n\nfunction manguChange(){\n omaRangSelect.innerHTML = \"\"\n soovitudRangSelet.innerHTML = \"\"\n\n let valiElement = document.createElement(\"option\")\n valiElement.value = \"vali\"\n valiElement.innerText = \"Vali\"\n omaRangSelect.appendChild(valiElement)\n\n valiElement = document.createElement(\"option\")\n valiElement.value = \"vali\"\n valiElement.innerText = \"Vali\"\n soovitudRangSelet.appendChild(valiElement)\n\n ranked[mangedValik.value].forEach((element) => {\n let uueElement = document.createElement(\"option\")\n uueElement.value = element\n uueElement.innerText = element\n\n omaRangSelect.appendChild(uueElement)\n\n uueElement = document.createElement(\"option\")\n uueElement.value = element\n uueElement.innerText = element\n\n soovitudRangSelet.appendChild(uueElement)\n })\n}\n\nlet hind = null\nlet index = null\nfunction arvaHind(){\n if (mangedValik.value == \"vali\" || omaRangSelect.value == \"vali\" || soovitudRangSelet.value == \"vali\"){\n vastus4.innerHTML = \"Kontrollige, kas k\u00f5ik on valitud\"\n return null\n }\n hind = null\n let omaRangIndex = null\n let soovitudRangIndex = null\n\n index = -1\n ranked[mangedValik.value].forEach((element) => {\n index++\n console.log(element, omaRangSelect.value)\n if (element === omaRangSelect.value) {\n console.log(index)\n omaRangIndex = Number(index)\n }\n else if(element === soovitudRangSelet.value){\n console.log(index)\n soovitudRangIndex = Number(index)\n }\n })\n\n console.log(hind)\n if (omaRangIndex >= soovitudRangIndex){\n return null\n }\n console.log(hind)\n if (mangedValik.value == \"dota\"){\n hind = (soovitudRangIndex - omaRangIndex) * dotaRangHind\n }\n else if (mangedValik.value == \"cs2\"){\n hind = (soovitudRangIndex - omaRangIndex) * cs2RangHind\n }\n else if (mangedValik.value == \"valorant\"){\n hind = (soovitudRangIndex - omaRangIndex) * valorantRangHind\n }\n console.log(hind)\n vastus4.innerHTML = `${hind}\u20ac`\n}\n<\/script>\n\n\n\n<style>\nbody {\n margin: 0;\n\n}\n\n#kalk1 {\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n white-space: pre-line;\n border-bottom: 2px solid black;\n padding-bottom:15px;\n\n}\n#kalk1 label, #kalk1 select, #kalk1 input, #kalk1 button {\n width: 15%;\n margin-bottom:12px;\n}\n#vastus {\n height: 60px;\n}\n\n#kalk2{\n font-family: Arial;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-bottom: 2px solid black;\n\n}\n\n#random-pilt{\n min-width: 200px;\n min-height: 200px;\n width: 20%;\n height:20%;\n}\n#kalk2-container{\n max-width: 15%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#kalk3{\n font-family: Arial;\n display: flex;\n width: 100%;\n align-items: center;\n flex-direction: column;\n padding-bottom: 25px;\n border-bottom: 2px solid black;\n}\n#kalk3-container{\n max-width: 15%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#kalk4 {\n font-family: Arial;\n display: flex;\n width: 100%;\n align-items: center;\n flex-direction: column;\n padding-bottom: 25px;\n border-bottom: 2px solid black;\n}\n\n#kalk4-container{\n display: flex;\n flex-direction: column;\n}\n<\/style>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\" alt=\"\" class=\"wp-image-1296\" style=\"width:20px;height:auto\" srcset=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg 300w, https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JS Kalkulaatorid Saia kalkulaator 1 Vali saia vali…juustekaneelimoonipont\u0161ik Sisesta saiade kogus Vastus Juhusliku (Random) pildi vastavus radionupule Vali pilt Minion Sirok ZXC Cat Vastus Temp converter Temp C F Vastus Boost rating Vali oma m\u00e4nge ValiDota 2CS 2Valorant Mis Rang teil praegu on? Milline Rang sa tahad? Vastus<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=1277"}],"version-history":[{"count":9,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=1277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1277,"date":"2024-10-18T07:21:45","date_gmt":"2024-10-18T07:21:45","guid":{"rendered":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/?page_id=1277"},"modified":"2024-10-18T07:48:03","modified_gmt":"2024-10-18T07:48:03","slug":"js-kalk","status":"publish","type":"page","link":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/js-kalk\/","title":{"rendered":"JS KALK"},"content":{"rendered":"\n\n\n\n \n JS Kalkulaatorid<\/title>\n <link rel=\"stylesheet\" href=\"kalkulaatorStyles.css\">\n<\/head>\n<body onload=\"juhuslikPilt()\">\n<div id=\"kalk1\">\n <h2>Saia kalkulaator 1<\/h2>\n <label for=\"saiatyyp\">Vali saia<\/label>\n\n <select name=\"saiatyyp\" id=\"saiatyyp\">\n <option value=\"vali\">vali…<\/option>\n <option value=\"juuste\">juuste<\/option>\n <option value=\"kaneeli\">kaneeli<\/option>\n <option value=\"mooni\">mooni<\/option>\n <option value=\"pontshik\">pont\u0161ik<\/option>\n <\/select>\n\n <label for=\"kogus\">Sisesta saiade kogus<\/label>\n\n <input type=\"number\" min=\"1\" max=\"10\" step=\"1\" id=\"kogus\">\n\n <button onclick=\"saiaKalkulaator()\">Vastus<\/button>\n\n <div id=\"vastus\"><\/div>\n<\/div>\n\n<div id=\"kalk2\">\n <h2>Juhusliku (Random) pildi vastavus radionupule<\/h2>\n <div id=\"kalk2-container\">\n <img decoding=\"async\" src=\"\" alt=\"juhuslik pilt\" id=\"random-pilt\">\n\n <br>\n\n <strong>Vali pilt<\/strong>\n\n <br>\n <div id=\"radionuppid-container\">\n\n <input type=\"radio\" name=\"valik\" id=\"minion\" value=\"minion.jpg\">\n <label for=\"minion\">Minion<\/label>\n\n <br>\n\n <input type=\"radio\" name=\"valik\" id=\"sirok\" value=\"sirok.png\">\n <label for=\"sirok\">Sirok<\/label>\n\n <br>\n\n <input type=\"radio\" name=\"valik\" id=\"zxccat\" value=\"zxc.jpg\">\n <label for=\"zxccat\">ZXC Cat<\/label>\n <\/div>\n <br>\n <button onclick=\"radioKontroll()\">Vastus<\/button>\n <br>\n <div id=\"vastus2\"><\/div>\n <\/div>\n<\/div>\n<div id=\"kalk3\">\n <h2>Temp converter<\/h2>\n <div id=\"kalk3-container\">\n <label for=\"temp-input\">Temp<\/label>\n <input type=\"input\" id=\"temp-input\">\n <div id=\"temp-nuppid-container\">\n <label for=\"ct\">C<\/label>\n <input type=\"radio\" name=\"temp-nuppid\" id=\"ct\" value=\"ct\">\n <br>\n <label for=\"ft\">F<\/label>\n <input type=\"radio\" name=\"temp-nuppid\" id=\"ft\" value=\"ft\">\n <\/div>\n\n <button onclick=\"naitaTulemus()\">Vastus<\/button>\n\n <div id=\"vastus3\"><\/div>\n <\/div>\n<\/div>\n<div id=\"kalk4\">\n <h2>Boost rating<\/h2>\n <div id=\"kalk4-container\">\n <label for=\"mangeValik\">Vali oma m\u00e4nge<\/label>\n <br>\n <select id=\"mangeValik\" onchange=\"manguChange()\">\n <option value=\"vali\">Vali<\/option>\n <option value=\"dota\">Dota 2<\/option>\n <option value=\"cs2\">CS 2<\/option>\n <option value=\"valorant\">Valorant<\/option>\n <\/select>\n <br>\n <label for=\"praegune-rang\">Mis Rang teil praegu on?<\/label>\n <br>\n <select id=\"praegune-rang\"><\/select>\n <br>\n <label for=\"soovitud-rang\">Milline Rang sa tahad?<\/label>\n <br>\n <select id=\"soovitud-rang\"><\/select>\n <br>\n <button onclick=\"arvaHind()\">Vastus<\/button>\n <br>\n <div id=\"vastus4\"><\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<script>\n\/\/ -- Kalkulaator 1 ----------------------------------------------------------------------------------------------------\n\nconst saiadeKogusInput = document.getElementById(\"kogus\")\nconst saiaTyyp = document.getElementById(\"saiatyyp\")\nconst vastus = document.getElementById(\"vastus\")\n\nconst hinnad = {\n \"juuste\": 1.20,\n \"kaneeli\": 1.50,\n \"mooni\": 1.20,\n \"pontshik\": 2.00\n}\n\nfunction saiaKalkulaator(){\n vastus.style.backgroundColor = \"white\"\n if (!hinnad[saiaTyyp.value]){\n vastus.innerHTML = \"palun vali saia\"\n vastus.style.backgroundColor = \"red\"\n }\n else{\n vastus.innerHTML = `Valitud saia: ${saiaTyyp.value}.\\n Kogus: ${saiadeKogusInput.value}`+\n `\\nHind: ${(hinnad[saiaTyyp.value] * saiadeKogusInput.value).toFixed(2)}\u20ac`\n }\n}\n\n\/\/ -- Kalkulaator 2 ----------------------------------------------------------------------------------------------------\n\nconst valikud = document.getElementsByName(\"valik\")\nconst vastus2 = document.getElementById(\"vastus2\")\nconst juhuslikuPiltImg = document.getElementById(\"random-pilt\")\nlet praeguJuhuslikPilt = null;\nconst pildid = [\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/zxc.png\", \"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/sirok-2.png\", \"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\"]\nconst dir = \"img\/\"\n\n\/\/ funktsioon, mis n\u00e4itab juhusliku pildi, kui kasutaja uuendab veebileht\nfunction juhuslikPilt(){\n const pathJuhuslikuPilt = pildid[Math.floor(Math.random() * 3)]\n praeguJuhuslikPilt = pathJuhuslikuPilt\n juhuslikuPiltImg.src = pathJuhuslikuPilt\n}\n\nfunction radioKontroll(){\n valikud.forEach((element) => {\n if(element.checked) {\n if (element.value === praeguJuhuslikPilt){\n vastus2.style.backgroundColor = \"green\"\n vastus2.innerHTML = \"\u00f5ige!\"\n vastus2.style.color = \"white\"\n return null\n }\n else {\n vastus2.style.backgroundColor = \"red\"\n vastus2.style.color = \"white\"\n vastus2.innerHTML = \"vale!\"\n return null\n }\n }\n })\n}\n\n\/\/ -- Kalkulaator 3 ----------------------------------------------------------------------------------------------------\n\nconst vastus3 = document.getElementById(\"vastus3\")\nconst tempValikud = document.getElementsByName(\"temp-nuppid\")\nconst tempImput = document.getElementById(\"temp-input\")\nlet praeguTemp = null\n\nfunction arvaTemp(){\n if (praeguTemp === \"ft\"){\n return (tempImput.value * 9 \/ 5) + 32\n }\n else{\n return (tempImput.value - 32) * 5 \/ 9\n }\n}\n\nfunction naitaTulemus(){\n tempValikud.forEach((element) => {\n if(element.checked){\n console.log(element.value)\n praeguTemp = element.value\n }\n })\n\n const tulemus = arvaTemp()\n vastus3.innerHTML = `${praeguTemp === \"ft\" ? `${tempImput.value} C\u00b0` : `${tempImput.value} \u00b0F`} = ${praeguTemp === \"ft\" ? `${tulemus.toFixed(2)} \u00b0F` : `${tulemus.toFixed(2)} C\u00b0`}`\n}\n\n\/\/ -- Kalkulaator 4 ----------------------------------------------------------------------------------------------------\n\nconst ranked = {\n \"dota\":[\"herald\", \"guardian\", \"crusader\", \"archon\", \"legend\", \"ancient\", \"divine\"],\n \"cs2\":[\"silver\",\"gold\",\"nova\",\"supreme\",\"global\"],\n \"valorant\":[\"iron\", \"gold\", \"ascendant\", \"bronze\", \"platinum\", \"immortal\", \"silver\", \"diamond\", \"radiant\"]\n}\nconst dotaErinevus = 8000 \/ ranked[\"dota\"].length\nconst dotaRangHind = 30\n\nconst cs2Erinevus = 11000 \/ ranked[\"cs2\"].length\nconst cs2RangHind = 10\n\nconst valorantErinevus = 9000 \/ ranked[\"valorant\"].length\nconst valorantRangHind = 50\n\nconst mangedValik = document.getElementById(\"mangeValik\")\n\nconst omaRangSelect = document.getElementById(\"praegune-rang\")\nconst soovitudRangSelet = document.getElementById(\"soovitud-rang\")\n\nconst vastus4 = document.getElementById(\"vastus4\")\n\nfunction manguChange(){\n omaRangSelect.innerHTML = \"\"\n soovitudRangSelet.innerHTML = \"\"\n\n let valiElement = document.createElement(\"option\")\n valiElement.value = \"vali\"\n valiElement.innerText = \"Vali\"\n omaRangSelect.appendChild(valiElement)\n\n valiElement = document.createElement(\"option\")\n valiElement.value = \"vali\"\n valiElement.innerText = \"Vali\"\n soovitudRangSelet.appendChild(valiElement)\n\n ranked[mangedValik.value].forEach((element) => {\n let uueElement = document.createElement(\"option\")\n uueElement.value = element\n uueElement.innerText = element\n\n omaRangSelect.appendChild(uueElement)\n\n uueElement = document.createElement(\"option\")\n uueElement.value = element\n uueElement.innerText = element\n\n soovitudRangSelet.appendChild(uueElement)\n })\n}\n\nlet hind = null\nlet index = null\nfunction arvaHind(){\n if (mangedValik.value == \"vali\" || omaRangSelect.value == \"vali\" || soovitudRangSelet.value == \"vali\"){\n vastus4.innerHTML = \"Kontrollige, kas k\u00f5ik on valitud\"\n return null\n }\n hind = null\n let omaRangIndex = null\n let soovitudRangIndex = null\n\n index = -1\n ranked[mangedValik.value].forEach((element) => {\n index++\n console.log(element, omaRangSelect.value)\n if (element === omaRangSelect.value) {\n console.log(index)\n omaRangIndex = Number(index)\n }\n else if(element === soovitudRangSelet.value){\n console.log(index)\n soovitudRangIndex = Number(index)\n }\n })\n\n console.log(hind)\n if (omaRangIndex >= soovitudRangIndex){\n return null\n }\n console.log(hind)\n if (mangedValik.value == \"dota\"){\n hind = (soovitudRangIndex - omaRangIndex) * dotaRangHind\n }\n else if (mangedValik.value == \"cs2\"){\n hind = (soovitudRangIndex - omaRangIndex) * cs2RangHind\n }\n else if (mangedValik.value == \"valorant\"){\n hind = (soovitudRangIndex - omaRangIndex) * valorantRangHind\n }\n console.log(hind)\n vastus4.innerHTML = `${hind}\u20ac`\n}\n<\/script>\n\n\n\n<style>\nbody {\n margin: 0;\n\n}\n\n#kalk1 {\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n white-space: pre-line;\n border-bottom: 2px solid black;\n padding-bottom:15px;\n\n}\n#kalk1 label, #kalk1 select, #kalk1 input, #kalk1 button {\n width: 15%;\n margin-bottom:12px;\n}\n#vastus {\n height: 60px;\n}\n\n#kalk2{\n font-family: Arial;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-bottom: 2px solid black;\n\n}\n\n#random-pilt{\n min-width: 200px;\n min-height: 200px;\n width: 20%;\n height:20%;\n}\n#kalk2-container{\n max-width: 15%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#kalk3{\n font-family: Arial;\n display: flex;\n width: 100%;\n align-items: center;\n flex-direction: column;\n padding-bottom: 25px;\n border-bottom: 2px solid black;\n}\n#kalk3-container{\n max-width: 15%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#kalk4 {\n font-family: Arial;\n display: flex;\n width: 100%;\n align-items: center;\n flex-direction: column;\n padding-bottom: 25px;\n border-bottom: 2px solid black;\n}\n\n#kalk4-container{\n display: flex;\n flex-direction: column;\n}\n<\/style>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg\" alt=\"\" class=\"wp-image-1296\" style=\"width:20px;height:auto\" srcset=\"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2.jpg 300w, https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-content\/uploads\/2024\/10\/minion-2-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JS Kalkulaatorid Saia kalkulaator 1 Vali saia vali…juustekaneelimoonipont\u0161ik Sisesta saiade kogus Vastus Juhusliku (Random) pildi vastavus radionupule Vali pilt Minion Sirok ZXC Cat Vastus Temp converter Temp C F Vastus Boost rating Vali oma m\u00e4nge ValiDota 2CS 2Valorant Mis Rang teil praegu on? Milline Rang sa tahad? Vastus<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=1277"}],"version-history":[{"count":9,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1277\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/aleksandermilisenko23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=1277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}