{"id":1109,"date":"2025-09-25T15:24:46","date_gmt":"2025-09-25T15:24:46","guid":{"rendered":"https:\/\/aleksejev21.thkit.ee\/wp3\/?page_id=1109"},"modified":"2025-10-10T12:41:04","modified_gmt":"2025-10-10T12:41:04","slug":"harjutus-6-asunkroonne-voi-sunkroone","status":"publish","type":"page","link":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","title":{"rendered":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?"},"content":{"rendered":"\n<ol class=\"wp-block-list\">\n<li>Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template<\/li>\n\n\n\n<li>Vali Official Templates alt static<\/li>\n\n\n\n<li>Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv).<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Vali Official Templates alt static:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png\" alt=\"\" class=\"wp-image-3059\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-1024x554.png\" alt=\"\" class=\"wp-image-1110\" srcset=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-1024x554.png 1024w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-300x162.png 300w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-768x416.png 768w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-150x81.png 150w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16-600x325.png 600w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/09\/image-16.png 1485w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-1024x529.png\" alt=\"\" class=\"wp-image-1178\" srcset=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-1024x529.png 1024w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-300x155.png 300w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-768x397.png 768w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-150x77.png 150w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-1536x793.png 1536w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA-600x310.png 600w, https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2025\/10\/E95A0E88-5187-4FE8-A0D4-D9E48D2ABAAA.png 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dclesande algkood:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n  &lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" \/>\n    &lt;title>Static Template&lt;\/title>\n  &lt;\/head>\n  &lt;body>\n    &lt;button type=\"button\" onclick=\"loadBacon()\">Request Bacon&lt;\/button>\n    &lt;button type=\"button\" onclick=\"loadBreakfast()\">Breakfast Recipe&lt;\/button>\n    &lt;p id=\"demo\">&lt;\/p>\n\n    &lt;script>\n      function loadBacon() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          document.getElementById(\"demo\").innerHTML = this.responseText;\n        };\n        xhttp.open(\"GET\", \"https:\/\/baconipsum.com\/api\/?type=all-meat&amp;paras=2\");\n        xhttp.send();\n      }\n\n      function loadBreakfast() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          const meals = JSON.parse(this.responseText).meals;\n          if (meals) {\n            const meal = meals&#91;0&#93;;\n            const recipe = `\n              &lt;h2>${meal.strMeal}&lt;\/h2>\n              &lt;img src=\"${meal.strMealThumb}\" alt=\"${meal.strMeal}\" width=\"200\">\n              &lt;p>&lt;strong>Category:&lt;\/strong> ${meal.strCategory}&lt;\/p>\n              &lt;p>&lt;strong>Instructions:&lt;\/strong> ${meal.strInstructions}&lt;\/p>\n            `;\n            document.getElementById(\"demo\").innerHTML = recipe;\n          } else {\n            document.getElementById(\"demo\").innerHTML =\n              \"No breakfast recipes found.\";\n          }\n        };\n        xhttp.open(\n          \"GET\",\n          \"https:\/\/www.themealdb.com\/api\/json\/v1\/1\/filter.php?c=Breakfast\"\n        );\n        xhttp.send();\n      }\n    &lt;\/script>\n  &lt;\/body>\n&lt;\/html>\n\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;!<\/span><span style=\"color: #D8DEE9\">DOCTYPE<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;html<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">lang<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">en<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">charset<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">UTF-8<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">name<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">viewport<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">content<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width=device-width, initial-scale=1.0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">http-equiv<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">X-UA-Compatible<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">content<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">ie=edge<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;title&gt;<\/span><span style=\"color: #D8DEE9FF\">Static Template<\/span><span style=\"color: #81A1C1\">&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;button<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">type<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">button<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">onclick<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">loadBacon()<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Request Bacon<\/span><span style=\"color: #81A1C1\">&lt;\/button&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;button<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">type<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">button<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">onclick<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">loadBreakfast()<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Breakfast Recipe<\/span><span style=\"color: #81A1C1\">&lt;\/button&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">id<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">demo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      function loadBacon() <\/span><span style=\"color: #81A1C1\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">new<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">XMLHttpRequest<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">onload<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getElementById<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">demo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">innerHTML<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">this<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">responseText<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">open<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">GET<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/baconipsum.com\/api\/?type=all-meat&amp;paras=2<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">send<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      function loadBreakfast() <\/span><span style=\"color: #81A1C1\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">new<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">XMLHttpRequest<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">onload<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">meals<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">JSON<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">parse<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">this<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">responseText<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">meals<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">meals<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">meals<\/span><span style=\"color: #D8DEE9FF\">&#91;<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #D8DEE9FF\">&#93;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">recipe<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">`<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">              &lt;h2&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">strMeal<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">              &lt;img src=&quot;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">strMealThumb<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&quot; alt=&quot;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">strMeal<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&quot; width=&quot;200&quot;&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">              &lt;p&gt;&lt;strong&gt;Category:&lt;\/strong&gt; <\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">strCategory<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">              &lt;p&gt;&lt;strong&gt;Instructions:&lt;\/strong&gt; <\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">meal<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">strInstructions<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">            <\/span><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getElementById<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">demo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">innerHTML<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">recipe<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">else<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getElementById<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">demo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">innerHTML<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">No breakfast recipes found.<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">open<\/span><span style=\"color: #D8DEE9FF\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">GET<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.themealdb.com\/api\/json\/v1\/1\/filter.php?c=Breakfast<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        );<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">send<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/html&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Kokku v\u00f5tte:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">XHTTP.OPEN(\u201cGET\u201d, URL) \u2013 AVAB UUS HTTP P\u00c4RING<br>XTTP.SEND() \u2013 SAADAB P\u00c4RINGU SERVERISSE<br>XMLHTTPREQUEST \u2013 AJAX P\u00c4RING, MIS SAADAB API AADRESSILE SAADAB API aadressile p\u00e4ringu.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood: Kokku v\u00f5tte: XHTTP.OPEN(\u201cGET\u201d, URL) \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1109","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"tkbGFUaoRuR10CiaeVP2r2eJVzWl5wL0lGtASf0HS_s\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"et_EE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Aleksandr Aleksejev Protfoolio - Noorem takvaraarendaja\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio\" \/>\n\t\t<meta property=\"og:description\" content=\"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-09-25T15:24:46+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-10-10T12:41:04+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3#listItem\",\"position\":1,\"name\":\"\\u0413\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0430\",\"item\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#listItem\",\"name\":\"Harjutus 6: As\\u00fcnkroonne v\\u00f5i s\\u00fcnkroone?\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#listItem\",\"position\":2,\"name\":\"Harjutus 6: As\\u00fcnkroonne v\\u00f5i s\\u00fcnkroone?\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3#listItem\",\"name\":\"\\u0413\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0430\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#organization\",\"name\":\"Aleksandr Aleksejev Protfoolio\",\"description\":\"Noorem takvaraarendaja\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/extendify-demo-logo.png\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#organizationLogo\",\"width\":96,\"height\":97},\"image\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#webpage\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\",\"name\":\"Harjutus 6: As\\u00fcnkroonne v\\u00f5i s\\u00fcnkroone? - Aleksandr Aleksejev Protfoolio\",\"description\":\"Ava veebilehitsejas Code Sandbox sait ja vali Static v\\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\\u00fc\\u00fcum\\u00e4rk ja tab klahv). Vali Official Templates alt static: L\\u00f5plik kood ja pildid, mida see peaks v\\u00e4ljastama. \\u00dclesande algkood:\",\"inLanguage\":\"et\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumblist\"},\"datePublished\":\"2025-09-25T15:24:46+00:00\",\"dateModified\":\"2025-10-10T12:41:04+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#website\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/\",\"name\":\"Aleksandr Aleksejev Protfoolio\",\"description\":\"Noorem takvaraarendaja\",\"inLanguage\":\"et\",\"publisher\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","description":"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:","canonical_url":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"tkbGFUaoRuR10CiaeVP2r2eJVzWl5wL0lGtASf0HS_s","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/aleksejev21.thkit.ee\/wp3#listItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/aleksejev21.thkit.ee\/wp3","nextItem":{"@type":"ListItem","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#listItem","name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?"}},{"@type":"ListItem","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#listItem","position":2,"name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?","previousItem":{"@type":"ListItem","@id":"https:\/\/aleksejev21.thkit.ee\/wp3#listItem","name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430"}}]},{"@type":"Organization","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#organization","name":"Aleksandr Aleksejev Protfoolio","description":"Noorem takvaraarendaja","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/","logo":{"@type":"ImageObject","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#organizationLogo","width":96,"height":97},"image":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#webpage","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","description":"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:","inLanguage":"et","isPartOf":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#website"},"breadcrumb":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumblist"},"datePublished":"2025-09-25T15:24:46+00:00","dateModified":"2025-10-10T12:41:04+00:00"},{"@type":"WebSite","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#website","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/","name":"Aleksandr Aleksejev Protfoolio","description":"Noorem takvaraarendaja","inLanguage":"et","publisher":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#organization"}}]},"og:locale":"et_EE","og:site_name":"Aleksandr Aleksejev Protfoolio - Noorem takvaraarendaja","og:type":"article","og:title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","og:description":"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:","og:url":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","og:image":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png","og:image:secure_url":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png","article:published_time":"2025-09-25T15:24:46+00:00","article:modified_time":"2025-10-10T12:41:04+00:00","twitter:card":"summary_large_image","twitter:title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","twitter:description":"Ava veebilehitsejas Code Sandbox sait ja vali Static v\u00f5i HTML 5 Template Vali Official Templates alt static Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv). Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood:","twitter:image":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/05\/extendify-demo-logo.png"},"aioseo_meta_data":{"post_id":"1109","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-09-25 15:24:47","updated":"2025-10-10 13:06:05","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/aleksejev21.thkit.ee\/wp3\" title=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHarjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","link":"https:\/\/aleksejev21.thkit.ee\/wp3"},{"label":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?","link":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio<\/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:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio\" \/>\n<meta property=\"og:description\" content=\"Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood: Kokku v\u00f5tte: XHTTP.OPEN(\u201cGET\u201d, URL) \u2013 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/\" \/>\n<meta property=\"og:site_name\" content=\"Aleksandr Aleksejev Protfoolio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100011831793026&amp;locale=ru_RU\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-10T12:41:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Eeldatav lugemisaeg\" \/>\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:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\",\"name\":\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-6.png\",\"datePublished\":\"2025-09-25T15:24:46+00:00\",\"dateModified\":\"2025-10-10T12:41:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#primaryimage\",\"url\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-6.png\",\"contentUrl\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-6.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#website\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/\",\"name\":\"Aleksandr Aleksejev Portfoolio\",\"description\":\"Noorem takvaraarendaja\",\"publisher\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#organization\",\"name\":\"Aleksandr Aleksejev Portfoolio\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/image.png\",\"width\":1200,\"height\":1200,\"caption\":\"Aleksandr Aleksejev Portfoolio\"},\"image\":{\"@id\":\"https:\\\/\\\/aleksejev21.thkit.ee\\\/wp3\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100011831793026&locale=ru_RU\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","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:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","og_locale":"et_EE","og_type":"article","og_title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","og_description":"Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood: Kokku v\u00f5tte: XHTTP.OPEN(\u201cGET\u201d, URL) \u2013 [&hellip;]","og_url":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","og_site_name":"Aleksandr Aleksejev Protfoolio","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100011831793026&locale=ru_RU","article_modified_time":"2025-10-10T12:41:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Eeldatav lugemisaeg":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/","name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - Aleksandr Aleksejev Protfoolio","isPartOf":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#primaryimage"},"image":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#primaryimage"},"thumbnailUrl":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png","datePublished":"2025-09-25T15:24:46+00:00","dateModified":"2025-10-10T12:41:04+00:00","breadcrumb":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#primaryimage","url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png","contentUrl":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png"},{"@type":"BreadcrumbList","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/aleksejev21.thkit.ee\/wp3\/"},{"@type":"ListItem","position":2,"name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?"}]},{"@type":"WebSite","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#website","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/","name":"Aleksandr Aleksejev Portfoolio","description":"Noorem takvaraarendaja","publisher":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aleksejev21.thkit.ee\/wp3\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"},{"@type":"Organization","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#organization","name":"Aleksandr Aleksejev Portfoolio","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/","logo":{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#\/schema\/logo\/image\/","url":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/10\/image.png","contentUrl":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-content\/uploads\/2024\/10\/image.png","width":1200,"height":1200,"caption":"Aleksandr Aleksejev Portfoolio"},"image":{"@id":"https:\/\/aleksejev21.thkit.ee\/wp3\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100011831793026&locale=ru_RU"]}]}},"_links":{"self":[{"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/pages\/1109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":5,"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/pages\/1109\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/pages\/1109\/revisions\/1184"}],"wp:attachment":[{"href":"https:\/\/aleksejev21.thkit.ee\/wp3\/wp-json\/wp\/v2\/media?parent=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}