HTML APIs

HTML APIs allow web applications to interact with browser features and devices.

What is an API?

API stands for Application Programming Interface.

Browsers provide built-in APIs that developers can use with JavaScript.

Gets the user's current location.

Allows dragging and dropping elements.

Stores data in the browser.

Draws graphics using JavaScript.

navigator.geolocation
.getCurrentPosition(showPosition);

function showPosition(position){

console.log(position.coords.latitude);

}

HTML drag and drop lets users move elements around the page.



Drag Me

The Canvas API is used for drawing graphics and animations.

Web storage stores data in the user's browser.

Storage Type	Description
localStorage	Stores data permanently
sessionStorage	Stores data temporarily

localStorage.setItem(
"name",
"Mayank"
);