Scribd Logo
Upload

Welcome to Scribd!

  • API Examples

    Uploaded by

    Feelings Of Indian Youth
    16 views2 pages
    The document contains multiple examples of using JavaScript to interact with HTML elements and access browser APIs. It demonstrates validating form input values, checking for overflow in number fields, storing and retrieving values from local and session storage, fetching text from a file, and getting the user's geolocation using the browser API.

    Original Description:

    Original Title

    API examples

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains multiple examples of using JavaScript to interact with HTML elements and access browser APIs. It demonstrates validating form input values, checking for overflow in number fields, storing and retrieving values from local and session storage, fetching text from a file, and getting the user's geolocation using the browser API.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views2 pages

    API Examples

    Uploaded by

    Feelings Of Indian Youth
    The document contains multiple examples of using JavaScript to interact with HTML elements and access browser APIs. It demonstrates validating form input values, checking for overflow in number fields, storing and retrieving values from local and session storage, fetching text from a file, and getting the user's geolocation using the browser API.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <html>

    <head></head>
    <body>

    <input id="id1" type="number" min="100" max="300" required>


    <button onclick="myFunction()">OK</button>

    <p id="demo"></p>

    <script>
    function myFunction() {
    const inpObj = document.getElementById("id1");
    if (!inpObj.checkValidity()) {
    document.getElementById("demo").innerHTML = inpObj.validationMessage;
    }
    }
    </script>

    <input id="id1" type="number" max="100">


    <button onclick="myFunction()">OK</button>

    <p id="demo"></p>

    <script>
    function myFunction() {
    let text = "Value OK";
    if (document.getElementById("id1").validity.rangeOverflow) {
    text = "Value too large";
    }
    }
    </script>

    <p id="demo"></p>

    <script>
    localStorage.setItem("name","John Doe");
    document.getElementById("demo").innerHTML = localStorage.getItem("name");
    </script>

    <p id="demo"></p>

    <script>
    sessionStorage.setItem("name","John Doe");
    document.getElementById("demo").innerHTML = sessionStorage.getItem("name");
    </script>

    <p id="demo">Fetch a file to change this text.</p>


    <script>

    let file = "fetch_info.txt"

    fetch (file)
    .then(x => x.text())
    .then(y => document.getElementById("demo").innerHTML = y);

    </script>
    <button onclick="getLocation()">Try It</button>

    <p id="demo"></p>

    <script>
    const x = document.getElementById("demo");

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

    function showPosition(position) {
    x.innerHTML="Latitude: " + position.coords.latitude +
    "<br>Longitude: " + position.coords.longitude;
    }
    </script>
    </body>
    <html>

    You might also like