+- QP School (https://qomplainerzschool.lima-city.de)
+-- Forum: Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=3)
+--- Forum: JavaScript Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=6)
+--- Thread: JavaScript Array findIndex() examples (returns the index) (/showthread.php?tid=4122)
JavaScript Array findIndex() examples (returns the index) - Qomplainerz - 04-04-2023
The HTML part between the <body></body> tags looks like this:
Code:
<h2>Example 1</h2>
<p id="demo"></p>
<h2>Example 2</h2>
<p>Click "Test" to return the index of the first array element that has a value above this number:</p>
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">Test</button>
<p id="demo2"></p>The JavaScript part looks like this:
Code:
// Example 1
const ages = [3, 10, 18, 20];
function checkAge(age)
{
return age > 18;
}
document.getElementById("demo").innerHTML = ages.findIndex(checkAge);
// Example 2
const numbers = [4, 12, 16, 20];
function checkValue(x)
{
return x > document.getElementById("toCheck").value;
}
function myFunction()
{
document.getElementById("demo2").innerHTML = numbers.findIndex(checkValue);
}