{"id":44,"date":"2024-04-26T06:00:36","date_gmt":"2024-04-26T06:00:36","guid":{"rendered":"https:\/\/darjamalkova23.thkit.ee\/wpp\/?page_id=44"},"modified":"2024-04-26T06:00:36","modified_gmt":"2024-04-26T06:00:36","slug":"js-valgusfoor-joonistamine","status":"publish","type":"page","link":"https:\/\/darjamalkova23.thkit.ee\/wpp\/js-valgusfoor-joonistamine\/","title":{"rendered":"JS: Valgusfoor joonistamine"},"content":{"rendered":"\n<canvas id=\"tahvel\"><\/canvas>\n<input type=\"button\" value=\"yellow\" onclick=\"yellow()\">\n<input type=\"button\" value=\"red\" onclick=\"red()\">\n<input type=\"button\" value=\"green\" onclick=\"green()\">\n<input type=\"button\" value=\"ristk\u00fclik\" onclick=\"ristkyylik()\">\n<input type=\"button\" value=\"k\u00f5ik\" onclick=\"koik()\">\n<input type=\"button\" value=\"kustuta\" onclick=\"kustuta()\">\n<\/body>\n\n\n\n<style>\n#tahvel{\n    background-color: bisque;\n    width: 60%;\n    height: 40%;\n}\nh1 {\n    background-color: darkgray;\n    border: solid 3pt lightslategrey;\n    border-radius: 50px;\n    text-align: center;\n    font-family: Arial;\n}\ninput[type=button]{\n    background-color: dimgrey;\n    color: black;\n    padding: 20px 32px;\n    border: 0;\n}\ninput[type=button]hover{\n    background-color: aliceblue;\n}\n<\/style>\n\n\n\n<script>\nfunction kustuta() {\n    let t = document.getElementById(\"tahvel\").getContext(\"2d\");\n    t.clearRect(0, 0, 300, 200);\n}\n\nfunction ristkyylik() {\n    let t = document.getElementById(\"tahvel\").getContext(\"2d\");\n    t.fillStyle = \"black\";\n    t.fillRect(50, 80, 150, 170);\n}\nfunction red() {\n\n    let t = document.getElementById(\"tahvel\").getContext(\"2d\");\n    t.beginPath();\n    t.strokeStyle=\"black\";\n    t.fillStyle=\"red\";\n    t.arc(75, 115, 20, 0, 2 * Math.PI, true);\n    t.fill();\n}\n\nfunction yellow(){\n\n    let t = document.getElementById(\"tahvel\").getContext(\"2d\");\n    t.beginPath();\n    t.strokeStyle = \"black\";\n    t.fillStyle = \"yellow\";\n    t.arc(125, 115, 20, 0, 2 * Math.PI, true);\n    t.fill();\n}\n\nfunction green(){\n\n    let t = document.getElementById(\"tahvel\").getContext(\"2d\");\n    t.beginPath();\n    t.strokeStyle = \"black\";\n    t.fillStyle = \"green\";\n    t.arc(175, 115, 20, 0, 2 * Math.PI, true);\n    t.fill();\n}\n\nfunction koik(){\n    ristkyylik();\n    red();\n    yellow();\n    green();\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":4,"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/pages\/44\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/darjamalkova23.thkit.ee\/wpp\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}