JSFiddle - React, Tailwind, and code Playground

by Espen Sande Larsen

HTML

Why for loops might not be your thing..
<p>
Value of sum: <span id="sum"></span>
</p>
<p>
  Value of i <span id="i"></span>
</p>

<p>
Value of sum2: <span id="sum2"></span>
</p>
<p>
  Value of i2 <span id="i2"></span>
</p>

JavaScript

var sum = 0;
var numbers = [1,11,22,33,44,55,66,77,88,99,111];
for(var i = 0; i<numbers.length; ++i){ // i lives in the same scope as sum, JS doesn't have block scope.
	sum += numbers[i];
}

var i; 
if(sum < 100){
	i = 'Do it!';
}
document.getElementById('sum').innerHTML = sum;
document.getElementById('i').innerHTML = i

var sum2 = 0;
numbers.forEach(function(n, i2){
	sum2 += n;
  console.log(i2);
});
var i2;
if(sum2 < 100){
	i2 = 'Do it';
}
document.getElementById('sum2').innerHTML = sum2;
document.getElementById('i2').innerHTML = i2