{"id":2026,"date":"2025-09-18T08:43:34","date_gmt":"2025-09-18T08:43:34","guid":{"rendered":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026"},"modified":"2025-09-18T10:20:36","modified_gmt":"2025-09-18T10:20:36","slug":"h7-github-api-paring","status":"publish","type":"page","link":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026","title":{"rendered":"H7: Github API p\u00e4ring"},"content":{"rendered":"\n

Peame p\u00e4rima GitHubi kasutaja profiili andmed, n\u00e4iteks: ID, kasutajanimi, profiili link ja avalike repode arv. Harjutuse k\u00e4igus \u00f5pid tegema as\u00fcnkroonseid p\u00e4ringuid fetch abil<\/strong>, t\u00f6\u00f6tlema vigasid ja kuvama saadud andmed veebilehel d\u00fcnaamiliselt JavaScripti abil.<\/p>\n\n\n\n

\u00dclesanne: Github konto vaade<\/strong><\/p>\n\n\n\n

Sisse logime sandbox-is ja luuame uue html veebilehe<\/p>\n\n\n\n

kirjutame kood <\/p>\n\n\n\n

let givenProfile = "";\nlet profileName = "";\nlet profileID = "";\nlet profileLink = "";\nlet profileRepos = "";\n\nfunction renderPage() {\n  document.getElementById("app").innerHTML = `\n    <div>\n      <h1>GitHub konto vaade<\/h1>\n      <p>Palun sisesta konto nimi:<\/p>\n      <input type="text" placeholder="Sisesta github kasutajanimi" \/>\n\n      <div class="content">\n        <div id="mini">\n          ${\n            profileName && profileName !== "-"\n              ? `<p>ID: ${profileID}<\/p>\n                 <p>Profiil: ${profileName}<\/p>\n                 <a href="${profileLink}" target="_blank">${profileLink}<\/a>\n                 <p>Repos: ${profileRepos}<\/p>`\n              : ""\n          }\n        <\/div>\n      <\/div>\n    <\/div>\n  `;\n\n  const input = document.querySelector("input");\n  input.addEventListener("change", (e) => {\n    updateValue(e);\n  });\n}\n\nfunction updateValue(e) {\n  givenProfile = e.target.value.trim();\n  fetchProfile();\n}\n\nasync function fetchProfile() {\n  if (!givenProfile) {\n    profileName = "";\n    profileID = "";\n    profileLink = "";\n    profileRepos = "";\n    renderPage();\n    return;\n  }\n\n  try {\n    const response = await fetch(\n      `https:\/\/api.github.com\/users\/${givenProfile}`\n    );\n    const rateLimitRemaining = response.headers.get("X-RateLimit-Remaining");\n    if (!response.ok) {\n      profileName = "User not found";\n      profileID = "";\n      profileLink = "";\n      profileRepos = "";\n    } else {\n      const data = await response.json();\n      profileName = data.login || "\u2014";\n      profileID = data.id || "\u2014";\n      profileLink = data.html_url || "\u2014";\n      profileRepos = data.public_repos || 0;\n    }\n\n    renderPage();\n  } catch (error) {\n    profileName = "Error";\n    profileID = "\u2014";\n    profileLink = "\u2014";\n    profileRepos = "\u2014";\n    renderPage();\n  }\n}\n\nrenderPage();\n<\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
See kood n\u00e4itab GitHubi kasutajanime ja lehek\u00fclje tema andmetega: kasutajanimi, ID, link profiilile ja repositooriumide arv. Kui sellist kasutajat pole v\u00f5i on tekkinud viga, kuvatakse vastav teade.<\/p>\n\n\n\n
Kokkuv\u00f5tte<\/strong><\/p>\n\n\n\n
    \n
  • RenderPage() – loob ja uuendab veebilehe sisu<\/li>\n\n\n\n
  • fetchProfile() – toetab API  p\u00e4ringut ja t\u00f6\u00f6deldab vastused <\/li>\n\n\n\n
  • UpdateValue() – j\u00e4lgib sisestusv\u00e4lja muutumusi<\/li>\n<\/ul>\n\n\n\n
    Selle projekti kallal t\u00f6\u00f6tades \u00f5ppisin ma GitHub API-st andmeid hankima.<\/p>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    Peame p\u00e4rima GitHubi kasutaja profiili andmed, n\u00e4iteks: ID, kasutajanimi, profiili link ja avalike repode arv. Harjutuse k\u00e4igus \u00f5pid tegema as\u00fcnkroonseid p\u00e4ringuid fetch abil, t\u00f6\u00f6tlema vigasid ja kuvama saadud andmed veebilehel d\u00fcnaamiliselt JavaScripti abil. \u00dclesanne: Github konto vaade Sisse logime sandbox-is ja luuame uue html veebilehe kirjutame kood See kood n\u00e4itab GitHubi kasutajanime ja lehek\u00fclje tema […]<\/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-2026","page","type-page","status-publish","hentry"],"yoast_head":"\nH7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23<\/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:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23\" \/>\n<meta property=\"og:description\" content=\"Peame p\u00e4rima GitHubi kasutaja profiili andmed, n\u00e4iteks: ID, kasutajanimi, profiili link ja avalike repode arv. Harjutuse k\u00e4igus \u00f5pid tegema as\u00fcnkroonseid p\u00e4ringuid fetch abil, t\u00f6\u00f6tlema vigasid ja kuvama saadud andmed veebilehel d\u00fcnaamiliselt JavaScripti abil. \u00dclesanne: Github konto vaade Sisse logime sandbox-is ja luuame uue html veebilehe kirjutame kood See kood n\u00e4itab GitHubi kasutajanime ja lehek\u00fclje tema […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026\" \/>\n<meta property=\"og:site_name\" content=\"Marija Gorbunova portfoolio TARpv23\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T10:20:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"381\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\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:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026\",\"url\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026\",\"name\":\"H7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png\",\"datePublished\":\"2025-09-18T08:43:34+00:00\",\"dateModified\":\"2025-09-18T10:20:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026#primaryimage\",\"url\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png\",\"contentUrl\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png\",\"width\":381,\"height\":330},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/?page_id=2026#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"H7: Github API p\u00e4ring\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/marijagorbunova23.thkit.ee\\\/wp\\\/\",\"name\":\"Marija Gorbunova portfoolio TARpv23\",\"description\":\"Järgmine WordPress veebileht\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/marijagorbunova23.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":"H7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23","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:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026","og_locale":"et_EE","og_type":"article","og_title":"H7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23","og_description":"Peame p\u00e4rima GitHubi kasutaja profiili andmed, n\u00e4iteks: ID, kasutajanimi, profiili link ja avalike repode arv. Harjutuse k\u00e4igus \u00f5pid tegema as\u00fcnkroonseid p\u00e4ringuid fetch abil, t\u00f6\u00f6tlema vigasid ja kuvama saadud andmed veebilehel d\u00fcnaamiliselt JavaScripti abil. \u00dclesanne: Github konto vaade Sisse logime sandbox-is ja luuame uue html veebilehe kirjutame kood See kood n\u00e4itab GitHubi kasutajanime ja lehek\u00fclje tema […]","og_url":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026","og_site_name":"Marija Gorbunova portfoolio TARpv23","article_modified_time":"2025-09-18T10:20:36+00:00","og_image":[{"width":381,"height":330,"url":"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7A617F47-4E98-4168-8722-1BEE4786B9D3.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:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026","url":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026","name":"H7: Github API p\u00e4ring - Marija Gorbunova portfoolio TARpv23","isPartOf":{"@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026#primaryimage"},"image":{"@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026#primaryimage"},"thumbnailUrl":"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png","datePublished":"2025-09-18T08:43:34+00:00","dateModified":"2025-09-18T10:20:36+00:00","breadcrumb":{"@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026#primaryimage","url":"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png","contentUrl":"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/7A617F47-4E98-4168-8722-1BEE4786B9D3.png","width":381,"height":330},{"@type":"BreadcrumbList","@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?page_id=2026#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marijagorbunova23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"H7: Github API p\u00e4ring"}]},{"@type":"WebSite","@id":"https:\/\/marijagorbunova23.thkit.ee\/wp\/#website","url":"https:\/\/marijagorbunova23.thkit.ee\/wp\/","name":"Marija Gorbunova portfoolio TARpv23","description":"Järgmine WordPress veebileht","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marijagorbunova23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/2026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2026"}],"version-history":[{"count":4,"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/2026\/revisions"}],"predecessor-version":[{"id":2053,"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=\/wp\/v2\/pages\/2026\/revisions\/2053"}],"wp:attachment":[{"href":"https:\/\/marijagorbunova23.thkit.ee\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}