Scribd
Upload
29 views2 pages

JavaScript API Examples and Usage

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.

Uploaded by

Feelings Of Indian Youth
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
29 views2 pages

JavaScript API Examples and Usage

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.

Uploaded by

Feelings Of Indian Youth
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<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 = [Link]("id1");
if (![Link]()) {
[Link]("demo").innerHTML = [Link];
}
}
</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 ([Link]("id1").[Link]) {
text = "Value too large";
}
}
</script>

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

<script>
[Link]("name","John Doe");
[Link]("demo").innerHTML = [Link]("name");
</script>

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

<script>
[Link]("name","John Doe");
[Link]("demo").innerHTML = [Link]("name");
</script>

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


<script>

let file = "fetch_info.txt"

fetch (file)
.then(x => [Link]())
.then(y => [Link]("demo").innerHTML = y);

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

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

<script>
const x = [Link]("demo");

function getLocation() {
if ([Link]) {
[Link](showPosition);
} else {
[Link] = "Geolocation is not supported by this browser.";
}
}

function showPosition(position) {
[Link]="Latitude: " + [Link] +
"<br>Longitude: " + [Link];
}
</script>
</body>
<html>

You might also like