SHARE
TWEET

api.js

heri-code Dec 8th, 2019 114 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var base_url = "https://api.football-data.org/";
  2.  
  3. var options={
  4.   headers:{
  5.     'X-Auth-Token' : 'b86150bba55f4b60b499005184cdab02'
  6.   }
  7. }
  8.  
  9. // Blok kode yang akan di panggil jika fetch berhasil
  10. function status(response) {
  11.   if (response.status !== 200) {
  12.     console.log("Error : " + response.status);
  13.     // Method reject() akan membuat blok catch terpanggil
  14.     return Promise.reject(new Error(response.statusText));
  15.   } else {
  16.     // Mengubah suatu objek menjadi Promise agar bisa "di-then-kan"
  17.     return Promise.resolve(response);
  18.   }
  19. }
  20. // Blok kode untuk memparsing json menjadi array JavaScript
  21. function json(response) {
  22.   return response.json();
  23. }
  24. // Blok kode untuk meng-handle kesalahan di blok catch
  25. function error(error) {
  26.   // Parameter error berasal dari Promise.reject()
  27.   console.log("Error : " + error);
  28. }
  29.  
  30.  
  31. // Blok kode untuk melakukan request data bundesliga json
  32. function getArticles() {
  33.  
  34.   // untuk ambil cache dinamis
  35.  
  36.   if ("caches" in window) {
  37.     caches.match(base_url + "v2/competitions/2002").then(function (response) {
  38.         if (response) {
  39.             response.json().then(function (data) {
  40.               var articlesHTML = "";
  41.         articlesHTML += `
  42.           <a href="/pages/bundesliga.html">
  43.               <div class="row" >
  44.               <div class="col s12 ">
  45.                 <div class="card">
  46.                   <div class="card-image" >
  47.                     <img src="images/2002.png" style="height: 35vh;">
  48.                   </div><hr>
  49.                 <div class="card-title truncate center-align purple-text text-darken-1">
  50.                   <span >${data.name}</span>
  51.                 </div><hr>
  52.                 <div class="card-content">
  53.                     <p>Wilayah   : ${data.area.name}</p>
  54.                     <p>Mulai    : ${data.currentSeason.startDate}</p>
  55.                     <p>Berakhir : ${data.currentSeason.endDate}</p>
  56.                 </div>
  57.               </div>
  58.               </div>
  59.             </div>
  60.           </a>
  61.                   `;
  62.       // Sisipkan komponen card ke dalam elemen dengan id #content
  63.       document.getElementById("kompetisi").innerHTML = articlesHTML;          
  64.             })
  65.         }
  66.     })
  67.   }
  68.  
  69.  
  70.   fetch(base_url + "v2/competitions/2002", options)
  71.     .then(status)
  72.     .then(json)
  73.     .then(function(data) {
  74.       // Objek/array JavaScript dari response.json() masuk lewat data.
  75.       // Menyusun komponen card artikel secara dinamis
  76.       var articlesHTML = "";
  77.         articlesHTML += `
  78.           <a href="/pages/bundesliga.html">
  79.               <div class="row" >
  80.               <div class="col s12 ">
  81.                 <div class="card">
  82.                   <div class="card-image" >
  83.                     <img src="images/2002.png" style="height: 35vh;">
  84.                   </div><hr>
  85.                 <div class="card-title truncate center-align purple-text text-darken-1">
  86.                   <span >${data.name}</span>
  87.                 </div><hr>
  88.                 <div class="card-content">
  89.                     <p>Wilayah   : ${data.area.name}</p>
  90.                     <p>Mulai    : ${data.currentSeason.startDate}</p>
  91.                     <p>Berakhir : ${data.currentSeason.endDate}</p>
  92.                 </div>
  93.               </div>
  94.               </div>
  95.             </div>
  96.           </a>
  97.                   `;
  98.       // Sisipkan komponen card ke dalam elemen dengan id #content
  99.       document.getElementById("kompetisi").innerHTML = articlesHTML;
  100.     })
  101. }
  102.  
  103. //mengambil data kelasmen bundesliga
  104.  
  105. function getBundesliga() {
  106.  
  107.   if ("caches" in window) {
  108.     caches.match(base_url + "v2/competitions/2002/standings").then(function (response) {
  109.         if (response) {
  110.             response.json().then(function (data) {
  111.                 console.log("Competition Data: " + data);
  112.                 var articlesHTML="";
  113.       data.standings[0].table.forEach(function(data) {
  114.        
  115.         articlesHTML += `
  116.             <tr>
  117.             <td>${data.position}</td>
  118.               <td>${data.team.name}</td>
  119.               <td>${data.won}</td>
  120.               <td>${data.draw}</td>
  121.               <td>${data.lost}</td>
  122.               <td>${data.goalDifference}</td>
  123.             `;
  124.       });
  125.       // Sisipkan komponen card ke dalam elemen dengan id #content
  126.       document.getElementById("namaklub").innerHTML = articlesHTML;
  127.             })
  128.         }
  129.     })
  130. }
  131.   fetch(base_url + "v2/competitions/2002/standings", options)
  132.     .then(status)
  133.     .then(json)
  134.     .then(function(data) {
  135.       // Objek/array JavaScript dari response.json() masuk lewat data.
  136.       // Menyusun komponen card artikel secara dinamis
  137.       var articlesHTML="";
  138.       data.standings[0].table.forEach(function(data) {
  139.        
  140.         articlesHTML += `
  141.             <tr>
  142.             <td>${data.position}</td>
  143.               <td>${data.team.name}</td>
  144.               <td>${data.won}</td>
  145.               <td>${data.draw}</td>
  146.               <td>${data.lost}</td>
  147.               <td>${data.goalDifference}</td>
  148.             `;
  149.       });
  150.       // Sisipkan komponen card ke dalam elemen dengan id #content
  151.       document.getElementById("namaklub").innerHTML = articlesHTML;
  152.     })
  153.     .catch(error);
  154. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top