{"id":3028,"date":"2025-09-17T08:04:45","date_gmt":"2025-09-17T08:04:45","guid":{"rendered":"https:\/\/davidmyrseth23.thkit.ee\/wp\/?page_id=3028"},"modified":"2025-09-26T07:49:16","modified_gmt":"2025-09-26T07:49:16","slug":"harjutus-2","status":"publish","type":"page","link":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/","title":{"rendered":"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>Ava veebilehitsejas&nbsp;<a href=\"https:\/\/codesandbox.io\/\">Code Sandbox sait<\/a><\/li>\n\n\n\n<li>Vali kollase taustaga Vanilla<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"215\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png\" alt=\"\" class=\"wp-image-3031\" srcset=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png 505w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3-300x128.png 300w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3-150x64.png 150w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3-400x170.png 400w\" sizes=\"auto, (max-width: 505px) 85vw, 505px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Esimine ja Teine auto<\/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>  {\n    Name: \"Honda\",\n    Color: \"red\",\n    \"Tinted windows\": false,\n    Wheel: 4,\n    \"Roof cargo\": null,\n    Entertaiment: &#91;\n      \"FM radio\",\n      \"MP3, MP4 and MKV player\",\n      \"harman\/karbon speakers\",\n    &#93;,\n    Accessories: &#91;\"satnav\", \"cruise control\"&#93;,\n  },\n  {\n    Name: \"McLaren\",\n    Color: \"red\",\n    \"Tinted windows\": false,\n    Wheel: 4,\n    \"Roof cargo\": null,\n    Entertaiment: &#91;\n      \"FM radio\",\n      \"MP3, MP4 and MKV player\",\n      \"harman\/karbon speakers\",\n    &#93;,\n    Accessories: &#91;\"satnav\", \"cruise control\"&#93;,\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: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Honda<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">red<\/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\">Tinted windows<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Wheel<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">4<\/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\">Roof cargo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #81A1C1\">null<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Entertaiment<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> &#91;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">FM radio<\/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\">MP3, MP4 and MKV player<\/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\">harman\/karbon speakers<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    &#93;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Accessories<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> &#91;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">satnav<\/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\">cruise control<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">&#93;<\/span><span style=\"color: #ECEFF4\">,<\/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>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">McLaren<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">red<\/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\">Tinted windows<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Wheel<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">4<\/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\">Roof cargo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #81A1C1\">null<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Entertaiment<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> &#91;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">FM radio<\/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\">MP3, MP4 and MKV player<\/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\">harman\/karbon speakers<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    &#93;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    Accessories<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> &#91;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">satnav<\/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\">cruise control<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">&#93;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span><\/code><\/pre><\/div>\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>document.getElementById(\"app\").innerHTML = `\n  &lt;div>\n    &lt;h1>Car Properties&lt;\/h1>\n    &lt;table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n      &lt;tr>\n        &lt;th>Name&lt;\/th>\n        &lt;th>Color&lt;\/th>\n        &lt;th>Tinted Windows&lt;\/th>\n        &lt;th>Wheels&lt;\/th>\n        &lt;th>Roof Cargo&lt;\/th>\n        &lt;th>Entertainment&lt;\/th>\n        &lt;th>Accessories&lt;\/th>\n      &lt;\/tr>\n      ${car\n        .map(\n          (car) => `\n        &lt;tr>\n          &lt;td>${car.Name}&lt;\/td>\n          &lt;td>${car.Color}&lt;\/td>\n          &lt;td>${car&#91;\"Tinted windows\"&#93; ? \"Yes\" : \"No\"}&lt;\/td>\n          &lt;td>${car.Wheel}&lt;\/td>\n          &lt;td>${car&#91;\"Roof cargo\"&#93; || \"None\"}&lt;\/td>\n          &lt;td>${car.Entertaiment.map((e) => \"\u2764\ufe0f \" + e).join(\", \")}&lt;\/td>\n          &lt;td>${car.Accessories.map((e) => \"\ud83e\udd23 \" + e).join(\", \")}&lt;\/td>\n        &lt;\/tr>\n      `\n        )\n        .join(\"\")}\n    &lt;\/table>\n  &lt;\/div>\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: #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\">app<\/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\">`<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">  &lt;div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">    &lt;h1&gt;Car Properties&lt;\/h1&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">    &lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">      &lt;tr&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Name&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Color&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Tinted Windows&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Wheels&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Roof Cargo&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Entertainment&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;th&gt;Accessories&lt;\/th&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">      &lt;\/tr&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">      <\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        <\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">map<\/span><span style=\"color: #ECEFF4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">`<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;tr&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">Name<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">Color<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Tinted windows<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">?<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Yes<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">No<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">Wheel<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Roof cargo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">||<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">None<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">Entertaiment<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">map<\/span><span style=\"color: #ECEFF4\">((<\/span><span style=\"color: #D8DEE9\">e<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u2764\ufe0f <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">+<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #D8DEE9\">e<\/span><span style=\"color: #ECEFF4\">).<\/span><span style=\"color: #88C0D0\">join<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">, <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">          &lt;td&gt;<\/span><span style=\"color: #81A1C1\">${<\/span><span style=\"color: #D8DEE9\">car<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">Accessories<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">map<\/span><span style=\"color: #ECEFF4\">((<\/span><span style=\"color: #D8DEE9\">e<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\ud83e\udd23 <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #81A1C1\">+<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #D8DEE9\">e<\/span><span style=\"color: #ECEFF4\">).<\/span><span style=\"color: #88C0D0\">join<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">, <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">}<\/span><span style=\"color: #A3BE8C\">&lt;\/td&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        &lt;\/tr&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">      <\/span><span style=\"color: #ECEFF4\">`<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        <\/span><span style=\"color: #ECEFF4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">        <\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">join<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">    &lt;\/table&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A3BE8C\">  &lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">lisasin Entertainment ja Accessories emoje&nbsp;\u2764\ufe0f, \ud83e\udd23 andsin Tinted windows kas on Yes v\u00f5i No<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lisasin stiile tableisse<\/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>body {&lt;br>  font-family: sans-serif;&lt;br>}&lt;br>table {&lt;br>  width: 100%;&lt;br>  border-collapse: collapse;&lt;br>  font-family: Arial, sans-serif;&lt;br>}&lt;br>th,&lt;br>td {&lt;br>  border: 1px solid #ccc;&lt;br>  padding: 8px 12px;&lt;br>  text-align: left;&lt;br>}&lt;br>thead {&lt;br>  background-color: #333;&lt;br>  color: white;&lt;br>}&lt;br>tbody tr:nth-child(even) {&lt;br>  background-color: #f9f9f9;&lt;br>}&lt;br>tbody tr:hover {&lt;br>  background-color: #d1e7fd;&lt;br>}&lt;br>.tinted {&lt;br>  background-color: #fff2cc !important;&lt;br>}&lt;br>&lt;br><\/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: #D8DEE9\">body<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  font-family: sans-serif;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">table <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  width: 100%;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  border-collapse: collapse;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  font-family: Arial, sans-serif;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">th,<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">td <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  border: 1px solid #ccc;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  padding: 8px 12px;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  text-align: left;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">thead <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  background-color: #333;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  color: white;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">tbody tr:nth-child(even) <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  background-color: #f9f9f9;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">tbody tr:hover <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  background-color: #d1e7fd;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">.tinted <\/span><span style=\"color: #81A1C1\">{&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">  background-color: #fff2cc !important;<\/span><span style=\"color: #81A1C1\">&lt;br&gt;<\/span><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">&lt;br&gt;&lt;br&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">index.html<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n  <head>\n    <title>JavaScript Sandbox<\/title>\n    <meta charset=\"UTF-8\" \/>\n  <\/head>\n\n  <body>\n    <div id=\"app\"><\/div>\n\n    <script src=\".\/index.js\" type=\"module\"><\/script>\n  <\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"203\" src=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-1024x203.png\" alt=\"\" class=\"wp-image-3029\" srcset=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-1024x203.png 1024w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-300x59.png 300w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-768x152.png 768w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-150x30.png 150w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D-400x79.png 400w, https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7C283522-BD60-4242-B4F2-874DF9CF0E2D.png 1163w\" 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\">Ja seda me saame p\u00e4rast kui kirjutasime k\u00f5ikke<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kokkuv\u00f5tte:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auto andmed on JSON masiivis mida p\u00e4rast me kuvame html tabelina , JS abil.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esimine ja Teine auto lisasin Entertainment ja Accessories emoje&nbsp;\u2764\ufe0f, \ud83e\udd23 andsin Tinted windows kas on Yes v\u00f5i No Lisasin stiile tableisse index.html JavaScript Sandbox Ja seda me saame p\u00e4rast kui kirjutasime k\u00f5ikke Kokkuv\u00f5tte: Auto andmed on JSON masiivis mida p\u00e4rast me kuvame html tabelina , JS abil.<\/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-3028","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 2: JSON andmete n\u00e4itamine JS kaudu - 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-2\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu - David Myrseth &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"Esimine ja Teine auto lisasin Entertainment ja Accessories emoje&nbsp;\u2764\ufe0f, \ud83e\udd23 andsin Tinted windows kas on Yes v\u00f5i No Lisasin stiile tableisse index.html JavaScript Sandbox Ja seda me saame p\u00e4rast kui kirjutasime k\u00f5ikke Kokkuv\u00f5tte: Auto andmed on JSON masiivis mida p\u00e4rast me kuvame html tabelina , JS abil.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/\" \/>\n<meta property=\"og:site_name\" content=\"David Myrseth &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-26T07:49:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"505\" \/>\n\t<meta property=\"og:image:height\" content=\"215\" \/>\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-2\\\/\",\"url\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/\",\"name\":\"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu - David Myrseth &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-3.png\",\"datePublished\":\"2025-09-17T08:04:45+00:00\",\"dateModified\":\"2025-09-26T07:49:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-3.png\",\"contentUrl\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-3.png\",\"width\":505,\"height\":215},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/harjutus-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/davidmyrseth23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu\"}]},{\"@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 2: JSON andmete n\u00e4itamine JS kaudu - 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-2\/","og_locale":"et_EE","og_type":"article","og_title":"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu - David Myrseth &otilde;pimapp | portfoolio","og_description":"Esimine ja Teine auto lisasin Entertainment ja Accessories emoje&nbsp;\u2764\ufe0f, \ud83e\udd23 andsin Tinted windows kas on Yes v\u00f5i No Lisasin stiile tableisse index.html JavaScript Sandbox Ja seda me saame p\u00e4rast kui kirjutasime k\u00f5ikke Kokkuv\u00f5tte: Auto andmed on JSON masiivis mida p\u00e4rast me kuvame html tabelina , JS abil.","og_url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/","og_site_name":"David Myrseth &otilde;pimapp | portfoolio","article_modified_time":"2025-09-26T07:49:16+00:00","og_image":[{"width":505,"height":215,"url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.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-2\/","url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/","name":"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu - David Myrseth &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/#primaryimage"},"image":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/#primaryimage"},"thumbnailUrl":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png","datePublished":"2025-09-17T08:04:45+00:00","dateModified":"2025-09-26T07:49:16+00:00","breadcrumb":{"@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/#primaryimage","url":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png","contentUrl":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/image-3.png","width":505,"height":215},{"@type":"BreadcrumbList","@id":"https:\/\/davidmyrseth23.thkit.ee\/wp\/harjutus-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/davidmyrseth23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"Harjutus 2: JSON andmete n\u00e4itamine JS kaudu"}]},{"@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\/3028","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=3028"}],"version-history":[{"count":3,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/3028\/revisions"}],"predecessor-version":[{"id":3182,"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/3028\/revisions\/3182"}],"wp:attachment":[{"href":"https:\/\/davidmyrseth23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=3028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}