{"id":1494,"date":"2025-09-18T08:51:05","date_gmt":"2025-09-18T06:51:05","guid":{"rendered":"https:\/\/erikgerega23.thkit.ee\/wp\/?page_id=1494"},"modified":"2025-09-18T12:01:49","modified_gmt":"2025-09-18T10:01:49","slug":"h6-paring-api","status":"publish","type":"page","link":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/","title":{"rendered":"H:6 p\u00e4ring API"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Avasin CodeSandbox ja avasin HTML + CSS projekti<\/p>\n\n\n

\n<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" \/>\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" \/>\n    <meta http-equiv="X-UA-Compatible" content="ie=edge" \/>\n    <title>Static Template<\/title>\n    <link rel="stylesheet" href="styles.css" \/>\n  <\/head>\n  <body>\n    <button type="button" onclick="loadDoc()">Request bacon<\/button>\n    <p id="demo"><\/p>\n\n    <script>\n      function loadDoc() {\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    <\/script>\n  <\/body>\n<\/html>\n\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
Lisasin veel 2 nuppu<\/p>\n\n\n
\nfunction loadDoc2() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          document.getElementById("demo2").innerHTML = this.responseText;\n        };\n        xhttp.open("GET", "https:\/\/catfact.ninja\/fact");\n        xhttp.send();\n      }\n\n      function loadDoc3() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          document.getElementById("demo3").innerHTML = this.responseText;\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<\/pre><\/div>\n\n\n
ja CSS<\/p>\n\n\n
\nh1 {\n  text-decoration: underline;\n}\n\nbody {\n  font-family: Arial, sans-serif;\n  background-color: #f9f9f9;\n  padding: 30px;\n  text-align: center;\n  color: #333;\n}\n\nbutton {\n  background-color: #ff6347;\n  border: none;\n  color: white;\n  padding: 12px 25px;\n  font-size: 16px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: #e5533d;\n}\n\n#demo,\n#demo2,\n#demo3 {\n  margin-top: 20px;\n  font-size: 18px;\n  line-height: 1.5;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #fff;\n  padding: 15px 20px;\n  border-radius: 5px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  white-space: pre-wrap;\n}\n\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
Kokkuv\u00f5tte<\/h2>\n\n\n\n
xhttp.open(“GET”, url) – avab uus HTTP p\u00e4ring<\/p>\n\n\n\n
xttp.send() – saadab p\u00e4ringu serverisse<\/p>\n\n\n\n
XMLHTttpRequest – AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu
<\/p>\n","protected":false},"excerpt":{"rendered":"
Avasin CodeSandbox ja avasin HTML + CSS projekti Lisasin veel 2 nuppu ja CSS Kokkuv\u00f5tte xhttp.open(“GET”, url) – avab uus HTTP p\u00e4ring xttp.send() – saadab p\u00e4ringu serverisse XMLHTttpRequest – AJAX p\u00e4ring mis 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-1494","page","type-page","status-publish","hentry"],"yoast_head":"\nH:6 p\u00e4ring API - Erik Gerega õpimapp<\/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:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H:6 p\u00e4ring API - Erik Gerega õpimapp\" \/>\n<meta property=\"og:description\" content=\"Avasin CodeSandbox ja avasin HTML + CSS projekti Lisasin veel 2 nuppu ja CSS Kokkuv\u00f5tte xhttp.open(“GET”, url) – avab uus HTTP p\u00e4ring xttp.send() – saadab p\u00e4ringu serverisse XMLHTttpRequest – AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Erik Gerega õpimapp\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T10:01:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/erikgerega23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/0622D50D-799A-452C-9FA2-191DE712C1EB.png\" \/>\n\t<meta property=\"og:image:width\" content=\"782\" \/>\n\t<meta property=\"og:image:height\" content=\"784\" \/>\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:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/\",\"url\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/\",\"name\":\"H:6 p\u00e4ring API - Erik Gerega õpimapp\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/0622D50D-799A-452C-9FA2-191DE712C1EB.png\",\"datePublished\":\"2025-09-18T06:51:05+00:00\",\"dateModified\":\"2025-09-18T10:01:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/0622D50D-799A-452C-9FA2-191DE712C1EB.png\",\"contentUrl\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/0622D50D-799A-452C-9FA2-191DE712C1EB.png\",\"width\":782,\"height\":784},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/h6-paring-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"H:6 p\u00e4ring API\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/\",\"name\":\"Erik Gerega õpimapp\",\"description\":\"Noorem tarkvaraarendaja eriala\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/erikgerega23.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":"H:6 p\u00e4ring API - Erik Gerega õpimapp","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:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/","og_locale":"et_EE","og_type":"article","og_title":"H:6 p\u00e4ring API - Erik Gerega õpimapp","og_description":"Avasin CodeSandbox ja avasin HTML + CSS projekti Lisasin veel 2 nuppu ja CSS Kokkuv\u00f5tte xhttp.open(“GET”, url) – avab uus HTTP p\u00e4ring xttp.send() – saadab p\u00e4ringu serverisse XMLHTttpRequest – AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu","og_url":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/","og_site_name":"Erik Gerega õpimapp","article_modified_time":"2025-09-18T10:01:49+00:00","og_image":[{"width":782,"height":784,"url":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/0622D50D-799A-452C-9FA2-191DE712C1EB.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:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/","url":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/","name":"H:6 p\u00e4ring API - Erik Gerega õpimapp","isPartOf":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/#primaryimage"},"image":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/#primaryimage"},"thumbnailUrl":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/0622D50D-799A-452C-9FA2-191DE712C1EB.png","datePublished":"2025-09-18T06:51:05+00:00","dateModified":"2025-09-18T10:01:49+00:00","breadcrumb":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/#primaryimage","url":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/0622D50D-799A-452C-9FA2-191DE712C1EB.png","contentUrl":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/0622D50D-799A-452C-9FA2-191DE712C1EB.png","width":782,"height":784},{"@type":"BreadcrumbList","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/h6-paring-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/erikgerega23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"H:6 p\u00e4ring API"}]},{"@type":"WebSite","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/#website","url":"https:\/\/erikgerega23.thkit.ee\/wp\/","name":"Erik Gerega õpimapp","description":"Noorem tarkvaraarendaja eriala","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/erikgerega23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=1494"}],"version-history":[{"count":3,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1494\/revisions"}],"predecessor-version":[{"id":1537,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1494\/revisions\/1537"}],"wp:attachment":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=1494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}