{"id":1029,"date":"2024-10-18T08:22:23","date_gmt":"2024-10-18T08:22:23","guid":{"rendered":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029"},"modified":"2025-02-02T19:59:30","modified_gmt":"2025-02-02T19:59:30","slug":"js-kalk","status":"publish","type":"page","link":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029","title":{"rendered":"JS kalk"},"content":{"rendered":"\n<div id=\"kalk1\">\n    <h2>Saia kalkulaator<\/h2>\n    <label for=\"saiatyyp\">Vali saia:<\/label>\n    <select name=\"saiatyyp\" id=\"saiatyyp\">\n        <option value=\"vali\">Vali saia<\/option>\n        <option value=\"juustu\">juustu<\/option>\n        <option value=\"kaneeli\">kaneeli<\/option>\n        <option value=\"mooni\">mooni<\/option>\n        <option value=\"pont\u0161ik\">pont\u0161ik<\/option>\n    <\/select>\n    <label for=\"kogus\">Kogus:<\/label>\n    <input type=\"number\" id=\"kogus\" min=\"1\" max=\"10\" step=\"1\" >\n    <button onclick=\"saiaKalk()\">Arvuta<\/button>\n    <div id=\"vastus\"><\/div>\n<\/div>\n<!--Kalkulaator radionupudega-->\n<div id=\"kalk2\">\n  <h3>Juhusliku (Random) pildi vastavus radionupule<\/h3>\n<button onclick=\"juhuslikPilt()\">Juhuslik pilt<\/button>\n  <img decoding=\"async\" src=\"\" id=\"random-pilt\" class=\"muu\">\n  <br>\n  <strong>Vali pilt:<\/strong>\n  <br>\n  <input type=\"radio\" name=\"valik\" id=\"pilt1\" value=\"https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/auto.png\" onclick=\"radioKontroll()\">\n  <label for=\"pilt1\">auto<\/label>\n  <br>\n  <input type=\"radio\" name=\"valik\" id=\"pilt3\" value=\"https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/naerata.png\" onclick=\"radioKontroll()\">\n  <label for=\"pilt3\">naerata<\/label>\n  <br>\n  <input type=\"radio\" name=\"valik\" id=\"pilt2\" value=\"https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/kurb.png\" onclick=\"radioKontroll()\">\n  <label for=\"pilt2\">kurb<\/label>\n  <br>\n  <input type=\"radio\" name=\"valik\" id=\"pilt4\" value=\"https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/Paike_Sats.png\" onclick=\"radioKontroll()\">\n  <label for=\"pilt4\">Paike<\/label>\n  <br>\n  <div id=\"vastus2\"><\/div>\n  <br>\n<\/div>\n\n<!--Ilma kalkulaator-->\n\n<div id=\"kalk3\">\n    <h2>Temperatuuri kalkulaator<\/h2>\n    <label for=\"kraadid\">Vali:<\/label>\n    <select name=\"kraadid\" id=\"kraadid\">\n        <option value=\"vali\">Vali C\/F<\/option>\n        <option value=\"celsium\">celsium<\/option>\n        <option value=\"fahrenheiti\">fahrenheiti<\/option>\n    <\/select>\n    <label for=\"temp\">Sisestage temperatuur:<\/label>\n    <input type=\"number\" id=\"temp\" min=\"-100\" max=\"100\" step=\"1\" >\n    <button onclick=\"tempKalk()\">Arvuta<\/button>\n    <div id=\"vastus3\"><\/div>\n\n<\/div>\n\n<!--Kg-<gr kalkulaator-->\n<div id=\"kalk4\">\n    <h2>massi kalkulaator<\/h2>\n    <label for=\"massa\">Vali:<\/label>\n    <select name=\"massa\" id=\"massa\">\n        <option value=\"vali\">Vali Kg\/gr<\/option>\n        <option value=\"killograamid\">killograamid<\/option>\n        <option value=\"grammid\">grammid<\/option>\n    <\/select>\n    <label for=\"kogus4\">Kogus:<\/label>\n    <input type=\"number\" id=\"kogus4\" min=\"1\" max=\"10000\" step=\"1\" >\n    <button onclick=\"massa()\">Arvuta<\/button>\n    <div id=\"vastus4\"><\/div>\n\n<\/div>\n\n\n\n<script>\nfunction saiaKalk(){\n    let k=document.getElementById(\"kogus\");\n    let vastus=document.getElementById(\"vastus\");\n    const juustuHind=1.20;\n    const mooniHind=0.80;\n    const pontsikHind=1.30;\n    const kaneeliHind=1.50;\n\n    let saiatyyp=document.getElementById(\"saiatyyp\");\n\n    if(saiatyyp.selectedIndex===0){\n        vastus.innerHTML=\"Palun, vali saia t\u00fc\u00fcp\";\n        vastus.style.backgroundColor=\"red\";\n    }\n    if(saiatyyp.selectedIndex===1){\n        vastus.innerHTML=juustuHind*k.value + '\u20ac';\n        vastus.style.backgroundColor=\"yellow\";\n    }\n    if(saiatyyp.selectedIndex===2) {\n        vastus.innerHTML = kaneeliHind*k.value + '\u20ac';\n        vastus.style.backgroundColor = \"yellow\";\n    }\n        if(saiatyyp.selectedIndex===3) {\n            vastus.innerHTML = mooniHind*k.value + '\u20ac';\n            vastus.style.backgroundColor = \"yellow\";\n        }\n    if(saiatyyp.selectedIndex===4) {\n        vastus.innerHTML = pontsikHind*k.value + '\u20ac';\n        vastus.style.backgroundColor = \"yellow\";\n    }\n\n}\n\/\/funktsioon, mis n\u00e4itab juhusliku pildi, kui kasutaja uuendab veebileht\nfunction juhuslikPilt(){\n    \/\/v\u00f5tame pildid massiivist\n    const pildid=[\n        'https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/auto.png',\n        'https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/kurb.png',\n        'https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/naerata.png',\n        'https:\/\/kirillsats23.thkit.ee\/wp\/wp-content\/uploads\/2025\/02\/Paike_Sats.png',\n    ];\n    const juhuslikPilt=Math.floor(Math.random()*pildid.length);\n\n    \/\/pilt v\u00f5etakse masiivist\n    const pilt=pildid[juhuslikPilt];\n    const rpilt=document.getElementById(\"random-pilt\");\n    \/\/pildi allikas on pilt\n    rpilt.src=pilt;\n\n}\nfunction radioKontroll(){\n    let vastus2=document.getElementById(\"vastus2\");\n    const rpilt=document.getElementById(\"random-pilt\");\n    const valik=document.getElementsByName(\"valik\"); \/\/mitu elementi name on \u00fcks\n\n    for(let i=0;i<valik.length;i++){\n        if(valik[i].checked){\n            if(valik[i].value===rpilt.getAttribute(\"src\")){\n                vastus2.innerHTML=\"\u00d5ige vastus!\";\n                vastus2.style.backgroundColor=\"lightgreen\";\n\n            } else{\n                vastus2.innerHTML=\"Vale vastus!\";\n                vastus2.style.backgroundColor=\"red\";\n            }\n        }\n    }\n}\n\nfunction tempKalk() {\n    const kraadid = document.getElementById('kraadid').value;\n    const temp = document.getElementById('temp').value;\n\n    let vastus4 =document.getElementById(\"vastus4\").value;\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445\n    if (temp === '') {\n        vastus = 'Palun sisestage temperatuur.';\n    } else if (kraadid === 'celsium') {\n        \/\/ C->F\n        vastus = ((temp * 9\/5) + 32).toFixed(2) + ' \u00b0F';\n    } else if (kraadid === 'fahrenheiti') {\n        \/\/ F->C\n        vastus = ((temp - 32) * 5\/9).toFixed(2) + ' \u00b0C';\n    } else {\n        vastus = 'Palun vali kehtiv m\u00f5\u00f5t\u00fchik.';\n    }\n\n    document.getElementById('vastus3').innerText = 'Vastus: ' + vastus;\n    vastus3.style.backgroundColor = \"yellow\";\n}\n\n\nfunction massa() {\n    const massa = document.getElementById('massa').value;\n    const kogus = parseFloat(document.getElementById('kogus4').value); \/\/parseFloat - \u0447\u0438\u0441\u043b\u043e \u0441 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0439 \u0437\u0430\u043f\u044f\u0442\u043e\u0439\n    let vastus = '';\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0441\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\n    if (kogus==='') {\n        vastus = 'Palun sisestage kehtiv mass.';\n    } else if (massa === 'killograamid') {\n        \/\/ kg -> gr\n        vastus = (kogus * 1000).toFixed(2) + ' gr';\n    } else if (massa === 'grammid') { \/\/ \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043d\u0430 massa\n        \/\/ gr -> kg\n        vastus = (kogus \/ 1000).toFixed(2) + ' kg';\n    } else {\n        vastus = 'Palun vali kehtiv m\u00f5\u00f5t\u00fchik.';\n    }\n\n    document.getElementById('vastus4').innerText = 'Vastus: ' + vastus;\n    document.getElementById('vastus4').style.backgroundColor = \"yellow\";\n}\n<\/script>\n\n\n\n<style>\n#kalk1{\n    border: solid 1px gray;\n    padding: 10px;\n    margin: 10px;\n    width: 30%;\n    background-color: lightgray;\n}\ndiv#kalk2{\n\n        border: solid 1px gray;\n        padding: 10px;\n        margin: 10px;\n        width: 30%;\n        background-color: lightgray;\n        font-variant: small-caps;\n        font-family: Arial;\n        letter-spacing: 0.1cm;\n}\ndiv#kalk3{\n    border: solid 1px gray;\n    padding: 10px;\n    margin: 10px;\n    width: 30%;\n    background-color: lightgray;\n    font-variant: small-caps;\n    font-family: Arial;\n    letter-spacing: 0.1cm;\n}\ndiv#kalk4{\n    border: solid 1px gray;\n    padding: 10px;\n    margin: 10px;\n    width: 30%;\n    background-color: lightgray;\n    font-variant: small-caps;\n    font-family: Arial;\n    letter-spacing: 0.1cm;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Saia kalkulaator Vali saia: Vali saiajuustukaneelimoonipont\u0161ik Kogus: Arvuta Juhusliku (Random) pildi vastavus radionupule Juhuslik pilt Vali pilt: auto naerata kurb Paike Temperatuuri kalkulaator Vali: Vali C\/Fcelsiumfahrenheiti Sisestage temperatuur: Arvuta massi kalkulaator Vali: Vali Kg\/grkillograamidgrammid Kogus: Arvuta<\/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-1029","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JS kalk - Kirill Sats &otilde;pimapp | portfoolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JS kalk - Kirill Sats &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"Saia kalkulaator Vali saia: Vali saiajuustukaneelimoonipont\u0161ik Kogus: Arvuta Juhusliku (Random) pildi vastavus radionupule Juhuslik pilt Vali pilt: auto naerata kurb Paike Temperatuuri kalkulaator Vali: Vali C\/Fcelsiumfahrenheiti Sisestage temperatuur: Arvuta massi kalkulaator Vali: Vali Kg\/grkillograamidgrammid Kogus: Arvuta\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029\" \/>\n<meta property=\"og:site_name\" content=\"Kirill Sats &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-02T19:59:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?page_id=1029\",\"url\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?page_id=1029\",\"name\":\"JS kalk - Kirill Sats &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/#website\"},\"datePublished\":\"2024-10-18T08:22:23+00:00\",\"dateModified\":\"2025-02-02T19:59:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?page_id=1029#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?page_id=1029\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?page_id=1029#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JS kalk\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/\",\"name\":\"Kirill Sats &otilde;pimapp | portfoolio\",\"description\":\"Noorem Tarkvaarendaja eriala\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kirillsats23.thkit.ee\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JS kalk - Kirill Sats &otilde;pimapp | portfoolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029","og_locale":"et_EE","og_type":"article","og_title":"JS kalk - Kirill Sats &otilde;pimapp | portfoolio","og_description":"Saia kalkulaator Vali saia: Vali saiajuustukaneelimoonipont\u0161ik Kogus: Arvuta Juhusliku (Random) pildi vastavus radionupule Juhuslik pilt Vali pilt: auto naerata kurb Paike Temperatuuri kalkulaator Vali: Vali C\/Fcelsiumfahrenheiti Sisestage temperatuur: Arvuta massi kalkulaator Vali: Vali Kg\/grkillograamidgrammid Kogus: Arvuta","og_url":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029","og_site_name":"Kirill Sats &otilde;pimapp | portfoolio","article_modified_time":"2025-02-02T19:59:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029","url":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029","name":"JS kalk - Kirill Sats &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/kirillsats23.thkit.ee\/wp\/#website"},"datePublished":"2024-10-18T08:22:23+00:00","dateModified":"2025-02-02T19:59:30+00:00","breadcrumb":{"@id":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kirillsats23.thkit.ee\/wp\/?page_id=1029#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kirillsats23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"JS kalk"}]},{"@type":"WebSite","@id":"https:\/\/kirillsats23.thkit.ee\/wp\/#website","url":"https:\/\/kirillsats23.thkit.ee\/wp\/","name":"Kirill Sats &otilde;pimapp | portfoolio","description":"Noorem Tarkvaarendaja eriala","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kirillsats23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/1029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1029"}],"version-history":[{"count":29,"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/1029\/revisions"}],"predecessor-version":[{"id":1507,"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/1029\/revisions\/1507"}],"wp:attachment":[{"href":"https:\/\/kirillsats23.thkit.ee\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}