JSFiddle - React, Tailwind, and code Playground

by cespinoza

HTML

<div id="names"></div>

<hr>
<div>
	<p>
	dog
	</p>
	<p>
	cat
	</p>
	<p>
	bird
	</p>
	<p>
	whale
	</p>
</div>

<hr>
<div id="show"></div>

JavaScript

const names = ["Peter", "John", "Sian", "Victor", "Rael"];
let namesDiv = document.getElementById("names");

for(var name of names){
	// putting name into namesDiv
	namesDiv.innerHTML += "<p>"+name+"</p>";
}

let showDiv = document.getElementById("show")
showDiv.innerHTML = "<b>hi</b>"