JavaScript forEach example with a mixed array

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">A mixed array demo by forEach:<br /></div> 
<script type="text/javascript">
 
var Mixedarray = [1,"ABC",2,"DEF",3,"IJK",4,"LMN",5,"OPQ"];

Mixedarray.forEach(arrfunction);
 
function arrfunction(array_element) {
   document.getElementById("div_demo").innerHTML += array_element + "<BR>";
 
}
 
</script>


</body>
 
</html>

A mixed array demo by forEach: