Day 33 Web APIs in Browser
Browser mein bahut saari powerful built-in APIs hain — location, clipboard, notifications, aur bahut kuch. Yeh APIs JavaScript ko device ke saath connect karti hain.
Geolocation API
User ki location browser se haasil karo.
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(
(position) => {
const { latitude, longitude } = position.coords;
console.log(`Lat: ${latitude}, Lng: ${longitude}`);
},
(error) => console.error("Location error:", error.message)
);
}
Clipboard & Notification APIs
Text copy karo aur browser notifications bhejo.
// Clipboard
async function copyText(text) {
await navigator.clipboard.writeText(text);
console.log("Copied!");
}
// Notifications
async function notify(msg) {
const perm = await Notification.requestPermission();
if (perm === "granted") {
new Notification("CodingSkillUp", { body: msg });
}
}
notify("Naya lesson publish ho gaya!");
🎯 Practice Challenge
Ek page banao jo user ki location le, weather API se weather dikhaye, aur 'Location found!' ka notification show kare.