{"id":1216,"date":"2024-10-23T07:59:12","date_gmt":"2024-10-23T07:59:12","guid":{"rendered":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/?page_id=1216"},"modified":"2024-10-23T07:59:12","modified_gmt":"2024-10-23T07:59:12","slug":"js-forms","status":"publish","type":"page","link":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/js-forms\/","title":{"rendered":"JS Forms"},"content":{"rendered":"\n\n

K\u00fcsimustik<\/h2><\/legend>\n \n \n \n \n \n \n \n \n
\n Vali oma v\u00e4rv:<\/strong><\/label>\n <\/td>\n \n \n <\/td>\n \n <\/td>\n <\/tr>\n \n
\n Sisesta oma nimi:<\/strong><\/label>\n <\/td>\n \n \n <\/td>\n \n \n
<\/div>\n <\/td>\n <\/tr>\n \n
\n Sisesta oma s\u00fcnnipaev:<\/strong><\/label>\n <\/td>\n \n \n <\/td>\n \n \n
<\/div>\n <\/td>\n <\/tr>\n \n
\n Vali oma r\u00fchm: <\/strong>\n <\/td>\n \n TARpv23<\/label>\n \n
\n TARpv24<\/label>\n \n
\n LOGITpv23<\/label>\n \n
\n LOGITpv24<\/label>\n \n <\/td>\n \n \n
<\/div>\n <\/td>\n <\/tr>\n \n
\n Vali keeled sa oled \u00f5ppinud:<\/strong>\n <\/td>\n \n Python<\/label>\n \n
\n C#<\/label>\n \n
\n HTML<\/label>\n \n
\n CSS<\/label>\n \n <\/td>\n \n \n
<\/div>\n <\/td>\n <\/tr>\n \n
\n Vali oma elukoht:<\/strong><\/label>\n <\/td>\n \n \n \n
<\/div>\n <\/td>\n <\/tr>\n \n
\n Kirjuta natuke endast:<\/strong><\/label>\n <\/td>\n \n <\/textarea>\n <\/td>\n <td>\n <input type=\"button\" value=\"OK\" onclick=\"vastus6()\">\n <div id=\"vastus6\"><\/div>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <label for=\"ulatus\"><strong>Hinda seda k\u00fcsimustikku k\u00fcmnest:<\/strong><\/label>\n <\/td>\n <td>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" id=\"ulatus\">\n <\/td>\n <td>\n <input type=\"button\" value=\"OK\" onclick=\"vastus7()\">\n <div id=\"vastus7\"><\/div>\n <\/td>\n <\/tr>\n <\/table>\n <\/fieldset>\n<\/form>\n<\/body>\n\n\n\n<script>\nfunction vastus1() {\n let nimi = document.getElementById(\"nimi\");\n let vastus1 = document.getElementById(\"vastus1\");\n let color = document.getElementById(\"color\").value;\n\n vastus1.style.color = color;\n vastus1.innerHTML = 'Teie nimi: ' + nimi.value;\n}\n\nfunction vastus2() {\n let sunnipaev = document.getElementById(\"sunnipaev\");\n let vastus2 = document.getElementById(\"vastus2\");\n let color = document.getElementById(\"color\").value;\n vastus2.style.color = color;\n vastus2.innerHTML = 'Teie s\u00fcnnip\u00e4ev: ' + sunnipaev.value;\n}\n\nfunction vastus3() {\n let tarpv23 = document.getElementById(\"tarpv23\");\n let tarpv24 = document.getElementById(\"tarpv24\");\n let logitpv23 = document.getElementById(\"logitpv23\");\n let logitpv24 = document.getElementById(\"logitpv24\");\n let vastus3 = document.getElementById(\"vastus3\");\n let color = document.getElementById(\"color\").value;\n\n var ruhm;\n if (tarpv23.checked) {\n ruhm = tarpv23.value;\n }\n else if (tarpv24.checked) {\n ruhm = tarpv24.value;\n }\n else if (logitpv23.checked) {\n ruhm = logitpv23.value;\n }\n else if (logitpv24.checked) {\n ruhm = logitpv24.value;\n }\n else\n {\n ruhm = '';\n }\n\n vastus3.style.color = color;\n vastus3.innerHTML = 'Teie r\u00fchm: ' + ruhm;\n}\n\nfunction vastus4() {\n let python = document.getElementById(\"python\");\n let csharp = document.getElementById(\"csharp\");\n let html = document.getElementById(\"html\");\n let css = document.getElementById(\"css\");\n let vastus4 = document.getElementById(\"vastus4\");\n let color = document.getElementById(\"color\").value;\n let background = document.getElementById(\"background\");\n\n var keel = '';\n var pildid = [];\n\n if (python.checked) {\n if (!(csharp.checked || html.checked || css.checked)) {\n keel += python.value;\n }\n else {\n keel += python.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c3\/Python-logo-notext.svg)');\n }\n if (csharp.checked) {\n if (!(html.checked || css.checked)) {\n keel += csharp.value;\n }\n else {\n keel += csharp.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d2\/C_Sharp_Logo_2023.svg)');\n }\n if (html.checked) {\n if (!css.checked) {\n keel += html.value;\n }\n else {\n keel += html.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/61\/HTML5_logo_and_wordmark.svg)');\n }\n if (css.checked) {\n keel += css.value;\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d5\/CSS3_logo_and_wordmark.svg)');\n }\n\n background.style.backgroundImage = pildid.join(', ');\n\n vastus4.style.color = color;\n vastus4.innerHTML = 'Teie keel\/keeled: ' + keel;\n}\n\n\nfunction vastus5() {\n let linn = document.getElementById(\"linn\");\n let vastus5 = document.getElementById(\"vastus5\");\n let color = document.getElementById(\"color\").value;\n\n vastus5.style.color = color;\n vastus5.innerHTML = 'Teie elukoht: ' + linn.value;\n}\n\nfunction vastus6() {\n let kirjeldus = document.getElementById(\"kirjeldus\");\n let vastus6 = document.getElementById(\"vastus6\");\n let color = document.getElementById(\"color\").value;\n\n vastus6.style.color = color;\n vastus6.innerHTML = 'Teie kirjeldus: ' + kirjeldus.value;\n}\n\nfunction vastus7() {\n let ulatus = document.getElementById(\"ulatus\");\n let vastus7 = document.getElementById(\"vastus7\");\n let color = document.getElementById(\"color\").value;\n\n vastus7.style.color = color;\n vastus7.innerHTML = 'Teie hinne: ' + ulatus.value;\n}\n<\/script>\n\n\n\n<style>\ntable {\n border: 1px solid gray;\n border-collapse: collapse;\n}\ntable td {\n border: 1px solid gray;\n padding: 5px;\n}\n\ntable tr:nth-child(5) td:nth-child(2) {\n background-repeat: no-repeat;\n background-position: right top, right center, right bottom, center;\n background-size: 25%;\n height: 150px;\n width: 150px;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>K\u00fcsimustik Vali oma v\u00e4rv: Sisesta oma nimi: Sisesta oma s\u00fcnnipaev: Vali oma r\u00fchm: TARpv23 TARpv24 LOGITpv23 LOGITpv24 Vali keeled sa oled \u00f5ppinud: Python C# HTML CSS Vali oma elukoht: Vali…TallinnNarvaTartuP\u00e4rnu Kirjuta natuke endast: Hinda seda k\u00fcsimustikku k\u00fcmnest:<\/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-1216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216","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=1216"}],"version-history":[{"count":1,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216\/revisions"}],"predecessor-version":[{"id":1217,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216\/revisions\/1217"}],"wp:attachment":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/media?parent=1216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n Vali oma v\u00e4rv:<\/strong><\/label>\n <\/td>\n	\n \n <\/td>\n	\n <\/td>\n <\/tr>\n \n
\n Sisesta oma nimi:<\/strong><\/label>\n <\/td>\n	\n \n <\/td>\n	\n \n <\/div>\n <\/td>\n <\/tr>\n \n
\n Sisesta oma s\u00fcnnipaev:<\/strong><\/label>\n <\/td>\n	\n \n <\/td>\n	\n \n <\/div>\n <\/td>\n <\/tr>\n \n
\n Vali oma r\u00fchm: <\/strong>\n <\/td>\n	\n TARpv23<\/label>\n \n \n TARpv24<\/label>\n \n \n LOGITpv23<\/label>\n \n \n LOGITpv24<\/label>\n \n <\/td>\n	\n \n <\/div>\n <\/td>\n <\/tr>\n \n
\n Vali keeled sa oled \u00f5ppinud:<\/strong>\n <\/td>\n	\n Python<\/label>\n \n \n C#<\/label>\n \n \n HTML<\/label>\n \n \n CSS<\/label>\n \n <\/td>\n	\n \n <\/div>\n <\/td>\n <\/tr>\n \n
\n Vali oma elukoht:<\/strong><\/label>\n <\/td>\n	\n	\n \n <\/div>\n <\/td>\n <\/tr>\n \n
\n Kirjuta natuke endast:<\/strong><\/label>\n <\/td>\n	\n <\/textarea>\n <\/td>\n <td>\n <input type=\"button\" value=\"OK\" onclick=\"vastus6()\">\n <div id=\"vastus6\"><\/div>\n <\/td>\n <\/tr>\n <!--range-->\n <tr>\n <td>\n <label for=\"ulatus\"><strong>Hinda seda k\u00fcsimustikku k\u00fcmnest:<\/strong><\/label>\n <\/td>\n <td>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" id=\"ulatus\">\n <\/td>\n <td>\n <input type=\"button\" value=\"OK\" onclick=\"vastus7()\">\n <div id=\"vastus7\"><\/div>\n <\/td>\n <\/tr>\n <\/table>\n <\/fieldset>\n<\/form>\n<\/body>\n\n\n\n<script>\nfunction vastus1() {\n let nimi = document.getElementById(\"nimi\");\n let vastus1 = document.getElementById(\"vastus1\");\n let color = document.getElementById(\"color\").value;\n\n vastus1.style.color = color;\n vastus1.innerHTML = 'Teie nimi: ' + nimi.value;\n}\n\nfunction vastus2() {\n let sunnipaev = document.getElementById(\"sunnipaev\");\n let vastus2 = document.getElementById(\"vastus2\");\n let color = document.getElementById(\"color\").value;\n vastus2.style.color = color;\n vastus2.innerHTML = 'Teie s\u00fcnnip\u00e4ev: ' + sunnipaev.value;\n}\n\nfunction vastus3() {\n let tarpv23 = document.getElementById(\"tarpv23\");\n let tarpv24 = document.getElementById(\"tarpv24\");\n let logitpv23 = document.getElementById(\"logitpv23\");\n let logitpv24 = document.getElementById(\"logitpv24\");\n let vastus3 = document.getElementById(\"vastus3\");\n let color = document.getElementById(\"color\").value;\n\n var ruhm;\n if (tarpv23.checked) {\n ruhm = tarpv23.value;\n }\n else if (tarpv24.checked) {\n ruhm = tarpv24.value;\n }\n else if (logitpv23.checked) {\n ruhm = logitpv23.value;\n }\n else if (logitpv24.checked) {\n ruhm = logitpv24.value;\n }\n else\n {\n ruhm = '';\n }\n\n vastus3.style.color = color;\n vastus3.innerHTML = 'Teie r\u00fchm: ' + ruhm;\n}\n\nfunction vastus4() {\n let python = document.getElementById(\"python\");\n let csharp = document.getElementById(\"csharp\");\n let html = document.getElementById(\"html\");\n let css = document.getElementById(\"css\");\n let vastus4 = document.getElementById(\"vastus4\");\n let color = document.getElementById(\"color\").value;\n let background = document.getElementById(\"background\");\n\n var keel = '';\n var pildid = [];\n\n if (python.checked) {\n if (!(csharp.checked \|\| html.checked \|\| css.checked)) {\n keel += python.value;\n }\n else {\n keel += python.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c3\/Python-logo-notext.svg)');\n }\n if (csharp.checked) {\n if (!(html.checked \|\| css.checked)) {\n keel += csharp.value;\n }\n else {\n keel += csharp.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d2\/C_Sharp_Logo_2023.svg)');\n }\n if (html.checked) {\n if (!css.checked) {\n keel += html.value;\n }\n else {\n keel += html.value + ', ';\n }\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/61\/HTML5_logo_and_wordmark.svg)');\n }\n if (css.checked) {\n keel += css.value;\n pildid.push('url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d5\/CSS3_logo_and_wordmark.svg)');\n }\n\n background.style.backgroundImage = pildid.join(', ');\n\n vastus4.style.color = color;\n vastus4.innerHTML = 'Teie keel\/keeled: ' + keel;\n}\n\n\nfunction vastus5() {\n let linn = document.getElementById(\"linn\");\n let vastus5 = document.getElementById(\"vastus5\");\n let color = document.getElementById(\"color\").value;\n\n vastus5.style.color = color;\n vastus5.innerHTML = 'Teie elukoht: ' + linn.value;\n}\n\nfunction vastus6() {\n let kirjeldus = document.getElementById(\"kirjeldus\");\n let vastus6 = document.getElementById(\"vastus6\");\n let color = document.getElementById(\"color\").value;\n\n vastus6.style.color = color;\n vastus6.innerHTML = 'Teie kirjeldus: ' + kirjeldus.value;\n}\n\nfunction vastus7() {\n let ulatus = document.getElementById(\"ulatus\");\n let vastus7 = document.getElementById(\"vastus7\");\n let color = document.getElementById(\"color\").value;\n\n vastus7.style.color = color;\n vastus7.innerHTML = 'Teie hinne: ' + ulatus.value;\n}\n<\/script>\n\n\n\n<style>\ntable {\n border: 1px solid gray;\n border-collapse: collapse;\n}\ntable td {\n border: 1px solid gray;\n padding: 5px;\n}\n\ntable tr:nth-child(5) td:nth-child(2) {\n background-repeat: no-repeat;\n background-position: right top, right center, right bottom, center;\n background-size: 25%;\n height: 150px;\n width: 150px;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>K\u00fcsimustik Vali oma v\u00e4rv: Sisesta oma nimi: Sisesta oma s\u00fcnnipaev: Vali oma r\u00fchm: TARpv23 TARpv24 LOGITpv23 LOGITpv24 Vali keeled sa oled \u00f5ppinud: Python C# HTML CSS Vali oma elukoht: Vali…TallinnNarvaTartuP\u00e4rnu Kirjuta natuke endast: Hinda seda k\u00fcsimustikku k\u00fcmnest:<\/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-1216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216","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=1216"}],"version-history":[{"count":1,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216\/revisions"}],"predecessor-version":[{"id":1217,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/pages\/1216\/revisions\/1217"}],"wp:attachment":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/en-us\/wp-json\/wp\/v2\/media?parent=1216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}