JSFiddle - React, Tailwind, and code Playground

by giovanni gokhan morkoc

HTML

<!Doctype>
<html>
  <head></head>
  <body>
    <p id="demo"></p>
    <p id="demo2"></p>
    <p id="demo3"></p>
  </body>
</html>

JavaScript

var cars = ['honda','mercedes','bmw'];
var text = '<ul>';

cars.forEach(myFunction);

function myFunction(value){

	text += '<li>' + value + '</li>'
}

document.getElementById("demo").innerHTML = text; 


var fruits = ['watermelon', 'lemon', 'berry'];
/* var i, text, flen; 

flen = fruits.length; 
text = '<ul>';

for (i=0; i<flen; i++){
text += '<li>' + fruits[i] + '</li>'

}

text += '</ul>';

document.getElementById("demo2").innerHTML = fruits.pop(); */
document.getElementById("demo3").innerHTML = fruits instanceof Array