Same output by using for loop

JavaScript / HTML/ CSS Code

Output

<!DOCTYPE html>
<html>
<head>
<style>
#div_demo {
  background: #4C9B79;
  height: 220px;
  width:40%;
  border-radius: 15px;
  padding:20px;
  font-size:18px;
  color:#fff;   
}
</style> 
</head>
 
<body>
<div id="div_demo">The array elements are (by using a for loop):<br /></div> 


<script type="text/javascript">

var Numarray = [1,2,3,4,5];
var num;

for (num=0; num < Numarray.length; num++){
    document.getElementById("div_demo").innerHTML += Numarray[num] + "<BR>";
    }
     

   
</script>

</body>
 
</html>

The array elements are (by using a for loop):