{"id":1213,"date":"2024-10-23T07:58:27","date_gmt":"2024-10-23T07:58:27","guid":{"rendered":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/?page_id=1213"},"modified":"2024-10-23T07:58:27","modified_gmt":"2024-10-23T07:58:27","slug":"js-calculators","status":"publish","type":"page","link":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/js-calculators\/","title":{"rendered":"JS Calculators"},"content":{"rendered":"\n<body onload=\"juhuslikPilt()\">\n<div id=\"kalk1\">\n    <div><strong>Saia kalkulaator #1<\/strong><\/div>\n    <label for=\"saiatuup\">Saiat\u00fc\u00fcp:<\/label>\n    <select name=\"saiat\u00fc\u00fcp\" id=\"saiatuup\" onchange=\"saiaKalk()\">\n        <option value=\"vali\">vali&#8230;<\/option>\n        <option value=\"juustuga\">juustuga<\/option>\n        <option value=\"peekoniga\">peekoniga<\/option>\n        <option value=\"kaneeliga\">kaneeliga<\/option>\n        <option value=\"pont\u0161ik\">pontsik<\/option>\n    <\/select>\n    <br>\n    <label for=\"saiaKogus\">Saia arv:<\/label>\n    <input type=\"number\" min=\"1\" max=\"10\" step=\"1\" id=\"saiaKogus\" onchange=\"saiaKalk()\">\n    <br>\n    <div id=\"vastus\"><\/div>\n<\/div>\n<div id=\"kalk2\">\n    <div><strong>Saia kalkulaator #2<\/strong><\/div>\n    <table>\n        <tr>\n            <td>\n                <label for=\"juustuga\">Sai juustuga<\/label>\n                <input type=\"radio\" name=\"saiatuup\" id=\"juustuga\" value=\"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiJuustuga.jpg\" onclick=\"updateSaia()\"><br>\n                <label for=\"peekoniga\">Sai peekoniga<\/label>\n                <input type=\"radio\" name=\"saiatuup\" id=\"peekoniga\" value=\"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiPeekoniga.jpg\" onclick=\"updateSaia()\"><br>\n                <label for=\"kaneeliga\">Sai kaneeliga<\/label>\n                <input type=\"radio\" name=\"saiatuup\" id=\"kaneeliga\" value=\"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiKaneeliga.jpg\" onclick=\"updateSaia()\"><br>\n                <label for=\"pontsik\">Pont\u0161ik<\/label>\n                <input type=\"radio\" name=\"saiatuup\" id=\"pontsik\" value=\"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/pontsik.jpg\" onclick=\"updateSaia()\">\n            <\/td>\n            <td>\n                <div id=\"vastus2\"><\/div>\n                <img decoding=\"async\" src=\"\" alt=\"\" id=\"pilt\">\n            <\/td>\n        <\/tr>\n    <\/table>\n<\/div>\n<div id=\"kalk3\">\n    <div><strong>Temperatuuri kalkulaator<\/strong><\/div>\n    <label for=\"temp\">Temperatuur<\/label>\n    <input type=\"number\" id=\"temp\"><br>\n    <label for=\"tempType\">Temperatuurit\u00fc\u00fcp<\/label>\n    <select name=\"tempType\" id=\"tempType\">\n        <option value=\"Vali\">Vali&#8230;<\/option>\n        <option value=\"Celsius\">Celsius<\/option>\n        <option value=\"Kelvin\">Kelvin<\/option>\n        <option value=\"Fahrenheit\">Fahrenheit<\/option>\n    <\/select>\n    <label for=\"calculate\"><\/label><br>\n    <input type=\"button\" id=\"calculate\" value=\"Arvuta\" onclick=\"calculateTemp()\"><br>\n    <div id=\"vastus3\"><\/div>\n<\/div>\n<div id=\"kalk4\">\n    <div><strong><\/strong><\/div>\n<\/div>\n<\/body>\n\n\n\n<script>\nfunction saiaKalk() {\n    let k = document.getElementById(\"saiaKogus\");\n    let vastus = document.getElementById(\"vastus\");\n    let saiatuup = document.getElementById(\"saiatuup\");\n    const juustuHind=1.50;\n    const peekoniHind=1.20;\n    const kaneeliHind=1.50;\n    const pontsikHind=1.20;\n\n    if (saiatuup.selectedIndex === 0) {\n        vastus.innerHTML = \"Palun vali saia t\u00fc\u00fcp.\";\n        vastus.style.backgroundColor = \"red\";\n    } else if (saiatuup.selectedIndex === 1) {\n        vastus.innerHTML = juustuHind * k.value + '\u20ac';\n        vastus.style.backgroundColor = \"white\";\n    } else if (saiatuup.selectedIndex === 2) {\n        vastus.innerHTML = peekoniHind * k.value + '\u20ac';\n        vastus.style.backgroundColor = \"white\";\n    } else if (saiatuup.selectedIndex === 3) {\n        vastus.innerHTML = kaneeliHind * k.value + '\u20ac';\n        vastus.style.backgroundColor = \"white\";\n    } else if (saiatuup.selectedIndex === 4) {\n        vastus.innerHTML = pontsikHind * k.value + '\u20ac';\n        vastus.style.backgroundColor = \"white\";\n    }\n}\n\nlet randomSai;\n\nfunction juhuslikPilt() {\n    const pildid = [\n        \"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiJuustuga.jpg\",\n        \"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiPeekoniga.jpg\",\n        \"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/saiKaneeliga.jpg\",\n        \"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-content\/uploads\/2024\/10\/pontsik.jpg\"\n    ];\n\n    randomSai = pildid[Math.floor(Math.random() * pildid.length)];\n\n    const pilt = document.getElementById(\"pilt\");\n    pilt.src = randomSai;\n}\n\nfunction updateSaia() {\n    const selectedValue = document.querySelector('input[name=\"saiatuup\"]:checked');\n    const pilt = document.getElementById(\"pilt\");\n    const vastus2 = document.getElementById(\"vastus2\");\n\n    if (selectedValue) {\n        if (selectedValue.value === randomSai) {\n            vastus2.textContent = \"\u00d5ige valik!\";\n        } else {\n            vastus2.textContent = \"Vale valik, proovi uuesti!\";\n            juhuslikPilt();\n        }\n    } else {\n        pilt.style.display = \"none\";\n        vastus2.textContent = \"\";\n    }\n}\n\nfunction calculateTemp() {\n    let temp = document.getElementById(\"temp\");\n    let tempType = document.getElementById(\"tempType\");\n    let vastus3 = document.getElementById(\"vastus3\");\n\n    if (tempType.value === \"Celsius\") {\n    vastus3.innerHTML = \"Kelvin: \" + (parseFloat(temp.value) + 273.15).toFixed(2) +\n        \"<br>Fahrenheit: \" + (parseFloat(temp.value) * (9 \/ 5) + 32).toFixed(2);\n} else if (tempType.value === \"Kelvin\") {\n    vastus3.innerHTML = \"Celsius: \" + (parseFloat(temp.value) - 273.15).toFixed(2) +\n        \"<br>Fahrenheit: \" + ((parseFloat(temp.value) - 273.15) * (9 \/ 5) + 32).toFixed(2);\n} else if (tempType.value === \"Fahrenheit\") {\n    vastus3.innerHTML = \"Celsius: \" + ((parseFloat(temp.value) - 32) \/ (9 \/ 5)).toFixed(2) +\n        \"<br>Kelvin: \" + (((parseFloat(temp.value) - 32) \/ (9 \/ 5)) + 273.15).toFixed(2);\n} else {\n    vastus3.innerHTML = \"\";\n}\n}\n<\/script>\n\n\n\n<style>\n#kalk1, #kalk2, #kalk3 {\n    border: solid 1px black;\n    padding: 5px;\n}\n#kalk1 div, #kalk2 div, #kalk3 div {\n    font-size: 16pt;\n}\n#pilt {\n    height: 100px;\n}\n#vastus {\n    text-color: white;\n    color: black;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Saia kalkulaator #1 Saiat\u00fc\u00fcp: vali&#8230;juustugapeekonigakaneeligapontsik Saia arv: Saia kalkulaator #2 Sai juustuga Sai peekoniga Sai kaneeliga Pont\u0161ik Temperatuuri kalkulaator Temperatuur Temperatuurit\u00fc\u00fcp Vali&#8230;CelsiusKelvinFahrenheit<\/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-1213","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/comments?post=1213"}],"version-history":[{"count":1,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1213\/revisions"}],"predecessor-version":[{"id":1215,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1213\/revisions\/1215"}],"wp:attachment":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/media?parent=1213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}