{"id":3058,"date":"2025-09-18T06:12:37","date_gmt":"2025-09-18T06:12:37","guid":{"rendered":"https:\/\/davidmyrseth23.thkit.ee\/wp\/?page_id=3058"},"modified":"2025-09-26T08:14:25","modified_gmt":"2025-09-26T08:14:25","slug":"harjutus-6-asunkroonne-voi-sunkroone","status":"publish","type":"page","link":"https:\/\/davidmyrseth23.thkit.ee\/wp\/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 size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"211\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png\" alt=\"\" class=\"wp-image-3059\" style=\"width:630px;height:auto\" srcset=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png 511w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6-300x124.png 300w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6-150x62.png 150w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6-400x165.png 400w\" sizes=\"auto, (max-width: 511px) 85vw, 511px\" \/><\/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=\"565\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-1024x565.png\" alt=\"\" class=\"wp-image-3196\" srcset=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-1024x565.png 1024w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-300x166.png 300w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-768x424.png 768w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-150x83.png 150w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-1536x848.png 1536w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-2048x1131.png 2048w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-1200x663.png 1200w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/BC886F9D-54C5-4B13-93EE-73058ED4717A-400x221.png 400w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"751\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-1024x751.png\" alt=\"\" class=\"wp-image-3198\" srcset=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-1024x751.png 1024w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-300x220.png 300w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-768x563.png 768w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-150x110.png 150w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-1536x1127.png 1536w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-1200x880.png 1200w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2-400x293.png 400w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/767FF6C7-5BF2-433F-A701-DB2DDAAE66B2.png 1722w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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\" \/>\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" \/>\n    &lt;title>Multiple Free APIs&lt;\/title>\n    &lt;link rel=\"stylesheet\" href=\"styles.css\" \/>\n  &lt;\/head>\n  &lt;body>\n    &lt;button type=\"button\" onclick=\"loadBacon()\">Request Bacon&lt;\/button>\n    &lt;button type=\"button\" onclick=\"loadBreakfastRecipes()\">\n      Request Breakfast Recipes\n    &lt;\/button>\n\n    &lt;div id=\"demo\">&lt;\/div>\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\");\n        xhttp.send();\n      }\n\n      async function loadBreakfastRecipes() {\n        const demo = document.getElementById(\"demo\");\n        demo.innerHTML = \"Loading recipes...\";\n\n        try {\n          const response = await fetch(\n            \"https:\/\/www.themealdb.com\/api\/json\/v1\/1\/filter.php?c=Breakfast\"\n          );\n          if (!response.ok) {\n            demo.innerHTML = \"Error fetching recipes.\";\n            return;\n          }\n          const data = await response.json();\n          if (!data.meals || data.meals.length === 0) {\n            demo.innerHTML = \"No breakfast recipes found.\";\n            return;\n          }\n          demo.innerHTML = data.meals\n            .map(\n              (meal) =>\n                `&lt;h3>${meal.strMeal}&lt;\/h3>\n          &lt;img src=\"${meal.strMealThumb}\" alt=\"${meal.strMeal}\" style=\"max-width:200px;border-radius:8px;margin-bottom:10px;\" \/>`\n            )\n            .join(\"&lt;hr \/>\");\n        } catch (error) {\n          demo.innerHTML = \"Failed to load recipes.\";\n        }\n      }\n    &lt;\/script>\n  &lt;\/body>\n&lt;\/html>\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<\/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\">Multiple Free APIs<\/span><span style=\"color: #81A1C1\">&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;link<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">rel<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">stylesheet<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">styles.css<\/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;\/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\">loadBreakfastRecipes()<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      Request Breakfast Recipes<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/button&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;div<\/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;\/div&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<\/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\">      async function loadBreakfastRecipes() <\/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\">demo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><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>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">demo<\/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: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Loading recipes...<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          const <\/span><span style=\"color: #D8DEE9\">response<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetch<\/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\">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: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">!response.ok<\/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\">demo<\/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: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Error fetching recipes.<\/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: #81A1C1\">return;<\/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\">          const <\/span><span style=\"color: #D8DEE9\">data<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">response<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">json<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">!data.meals || data.meals.length === 0<\/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\">demo<\/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: #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: #81A1C1\">return;<\/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\">          demo.<\/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\">data<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">meals<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            .map(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">              (meal) =&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #A3BE8C\">&lt;h3&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;\/h3&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; style=&quot;max-width:200px;border-radius:8px;margin-bottom:10px;&quot; \/&gt;<\/span><span style=\"color: #ECEFF4\">`<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">            )<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">            .join(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">&lt;hr \/&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #88C0D0\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">        } catch (error) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">          demo.innerHTML = <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Failed to load recipes.<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #88C0D0\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">      }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">    &lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">  &lt;\/body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">&lt;\/html&gt;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Minu lisatud kood:<\/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>        xhttp.onerror = function () {\n          document.getElementById(\"demo\").innerHTML = \"\u274c Error loading data!\";\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: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">xhttp<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">onerror<\/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: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u274c Error loading data!<\/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 style=\"color: #81A1C1\">;<\/span><\/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(&#8220;GET&#8221;, URL) &#8211; AVAB UUS HTTP P\u00c4RING<br>XTTP.SEND() &#8211; SAADAB P\u00c4RINGU SERVERISSE<br>XMLHTTPREQUEST &#8211; 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: Minu lisatud kood: Kokku v\u00f5tte: XHTTP.OPEN(&#8220;GET&#8221;, URL) &#8211; AVAB UUS HTTP P\u00c4RINGXTTP.SEND() &#8211; SAADAB P\u00c4RINGU SERVERISSEXMLHTTPREQUEST &#8211; AJAX P\u00c4RING, MIS SAADAB API AADRESSILE SAADAB API aadressile p\u00e4ringu.<\/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-3058","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - David Myrseth &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:\/\/davidmyrseth23.thkit.ee\/wp\/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? - David Myrseth &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood: Minu lisatud kood: Kokku v\u00f5tte: XHTTP.OPEN(&#8220;GET&#8221;, URL) &#8211; AVAB UUS HTTP P\u00c4RINGXTTP.SEND() &#8211; SAADAB P\u00c4RINGU SERVERISSEXMLHTTPREQUEST &#8211; AJAX P\u00c4RING, MIS SAADAB API AADRESSILE SAADAB API aadressile p\u00e4ringu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/\" \/>\n<meta property=\"og:site_name\" content=\"David Myrseth &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-26T08:14:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png\" \/>\n\t<meta property=\"og:image:width\" content=\"511\" \/>\n\t<meta property=\"og:image:height\" content=\"211\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\",\"url\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\",\"name\":\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - David Myrseth &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-6.png\",\"datePublished\":\"2025-09-18T06:12:37+00:00\",\"dateModified\":\"2025-09-26T08:14:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/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\",\"width\":511,\"height\":211},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-6-asunkroonne-voi-sunkroone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/\",\"name\":\"David Myrseth &otilde;pimapp | portfoolio\",\"description\":\"Noorem Tarkvaraarendaja eriala\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/davidmyrseth23.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":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - David Myrseth &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:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/","og_locale":"et_EE","og_type":"article","og_title":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - David Myrseth &otilde;pimapp | portfoolio","og_description":"Vali Official Templates alt static: L\u00f5plik kood ja pildid, mida see peaks v\u00e4ljastama. \u00dclesande algkood: Minu lisatud kood: Kokku v\u00f5tte: XHTTP.OPEN(&#8220;GET&#8221;, URL) &#8211; AVAB UUS HTTP P\u00c4RINGXTTP.SEND() &#8211; SAADAB P\u00c4RINGU SERVERISSEXMLHTTPREQUEST &#8211; AJAX P\u00c4RING, MIS SAADAB API AADRESSILE SAADAB API aadressile p\u00e4ringu.","og_url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/","og_site_name":"David Myrseth &otilde;pimapp | portfoolio","article_modified_time":"2025-09-26T08:14:25+00:00","og_image":[{"width":511,"height":211,"url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/","url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/","name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone? - David Myrseth &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/#primaryimage"},"image":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/#primaryimage"},"thumbnailUrl":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-6.png","datePublished":"2025-09-18T06:12:37+00:00","dateModified":"2025-09-26T08:14:25+00:00","breadcrumb":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/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","width":511,"height":211},{"@type":"BreadcrumbList","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-6-asunkroonne-voi-sunkroone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/davidmyrseth23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"Harjutus 6: As\u00fcnkroonne v\u00f5i s\u00fcnkroone?"}]},{"@type":"WebSite","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/#website","url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/","name":"David Myrseth &otilde;pimapp | portfoolio","description":"Noorem Tarkvaraarendaja eriala","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/davidmyrseth23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/3058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=3058"}],"version-history":[{"count":11,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/3058\/revisions"}],"predecessor-version":[{"id":3199,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/3058\/revisions\/3199"}],"wp:attachment":[{"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=3058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}