HTML and CSS Reference
In-Depth Information
The code for this exercise can be found in folder 5.
Here are the steps:
1.
Make sure that you have the
geolocation.js
file open in your text editor.
2.
Create an
if
statement at the bottom of your
findNearest()
function and set the condition to:
d1 <=
d2 && d1 <= d3
. The purpose of this is to determine whether the distance to location 1 is the smallest
of the three distances. The condition checks first to see if the value of
d1
(location 1) is smaller or equal to
the value of
d2
(location 2). If it is, it will also check to see if the value of
d1
is smaller or equal to the
value of
d3
(location 3). Both conditions need to be met in order for the complete statement to evaluate to
true.
function findNearest(lat, lon) {
...
// Find the smallest distance.
if (d1 <= d2 && d1 <= d3) {
}
}
3.
Within this
if
block, add code that will add the class
nearest
to the
<section>
element with the ID
location1
.
function findNearest(lat, lon) {
...
// Find the smallest distance.
if (d1 <= d2 && d1 <= d3) {
// Location 1
document.getElementById(“location1").className = “nearest";
}
}
4.
Now add an
else if
condition to the
if
statement. This time, you are going to be checking to see if loca-
tion 2 is the nearest, so you want to use the following condition:
d2 <= d1 && d2 <= d3
.
function findNearest(lat, lon) {
...
// Find the smallest distance.
if (d1 <= d2 && d1 <= d3) {
// Location 1
document.getElementById(“location1").className = “nearest";
}
else if (d2 <= d1 && d2 <= d3) {
}
}