Some Useful APIs

Sharing some valuable APIs that have been instrumental in my projects on this blog for your reference.

(1) LocalStorage API

It lets you store data against the website address in the form of key/value pairs. Local storage is limited to 5 MB.

//save data in local storage localStorage.setItem('key',''); //get data from local storage localStorage.getItem('key'); //remove data from local storage localStorage.removeItem('key');

(2) Clipboard API

This API provides access to the operating system's clipboard. You can use it to build a copy button to copy/paste content.

const writeToClipboard = async () => { try{ await navigator.clipboard.writeText(userText); console.log('Copy text to clipboard'); }catch(error){ console.log(error); } } const readFromClipboard = async () =>{ try{ const clipboardText = await navigator.clipboard.readText(); console.log(clipboardText); }catch(error){ console.log(error); } }

(3) Geolocation API

This API provides the user's geographical latitudes and longitudes and the accuracy to which it is correct.

const getCurrentLocation = () => { navigator.geolocation.getCurrentPosition( position => { const coord = position.coords; console.log(coord.accuracy); console.log(coord.latitude); console.log(coord.longitude); }, err => { console.log(`Error: ${error.message}`); }, { enableHighAccuracy:true, timeout: 5000, maximumAge: 0 } ); };

(4) History API

This API lets you go back and forth between web pages that are in your session history.

// go back in history window.history.back(); // go forward in history window.history.forward();

(5) Fetch API

It is a browser API that lets you call REST APIs or GraphQL APIs.

async function callAPI(){ try{ const res = await fetch(`API`, { method: '', header: {}, body:{}, }); const data = await res.json(); return data; }catch(err){ console.log(err); } } Note: Content published here is sourced from social platforms, and full credit goes to the original author.