feet per mile

by grant

HTML

<p id="p1">Hello World!</p>
  <div class="row">
  <div class="column">feet per mile</div>
  <div class="column">mts per mile</div>  
  </div>
<div class="row">
  <div class="column" id="fpm">feet per mile</div>     <div class="column" id="mpm">meters per mile</div>
</div>

<script>
document.getElementById("p1").innerHTML = "difference between elements in array";
</script>

CSS

.column {
  float: left;
  width: 50%;
  text-align: center;
}

/* Clear floats after the columns */
.row::after {
  content: "";
  display: table;
  clear: both;
}

JavaScript

var elev = [897.4071044921875,
888.0903930664062,
878.9996948242188,
868.09619140625,
862.740966796875,
853.8612670898438];
var feet = "";
var meters = "";

// diff between values for fpm
    result = elev.slice(1).map((v, i) => Math.round(elev[i] - v));
    
// elev each mile mts
console.log({result});

// fpm
result.forEach(fpm);
function fpm(value, index, array) {
  feet = feet + ( Math.round(value * 3.281)) + "<br>";
}
document.getElementById("fpm").innerHTML = feet;
console.log({feet});

result.forEach(mpm);
function mpm(value, index, array) {
  meters = meters +(value) + "<br>";
}
document.getElementById("mpm").innerHTML = meters;
// should be mpk
//https://stackoverflow.com/questions/51848931/how-to-find-distance-between-items-on-array-javascript
//total drop in mts
console.log(
  result.reduce((a, b) => a + b, 0)
)
//total drop in feet
//result = array.slice(1).map((v, i) => array[i] - v);
//
  feett = Math.round(result.reduce((a, b) => a + b, 0)* 3.281)
  console.log(feett)