انتقل إلى محتوى الدرس
فقرة فرعية #5 من درس: Web API Intro

Browser APIs

في هذا الدرس سوف نتعرف علي ماهو API وماهي استخداماته وكيفية استخدامه باستخدام لغة الجافا سكريبت 

1 صفوف تعليمية
جافا سكريبت
5,778 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تحتوي المتصفحات علي العديد من ال API's المبنية بداخلها built-in apis والتي نستخدمها لأجراء عمليات معقدة بكل سهولة دون الحاجة الي معرفة التفاصيل 

في المثال التالي استخدمنا احد هذه ال API's وهو " Geolocation API " ليقوم بتحديد خطوط الطول والعرض للمستخدم لتحديد موقعه 

Example

المثال التالي نقوم خلاله بالحصول علي كل من خط الطول وخط العرض الخاص بالمستخدم

HTML
const myElement = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  myElement.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}