JSFiddle - React, Tailwind, and code Playground

by Angeli Schwartz

HTML

<div id="bigsquare" style="height:600px;width:900px;border:2px solid gray;">
       <div id="littlesquare" style="position:relative;"></div>
       </div>
  <script type="text/javascript" src="js/config.js"></script>

JavaScript

/* config.js */



function showSquare(id, config){

	var el = document.getElementById(id);
	
		el.style.backgroundColor = config.color;
		el.style.top = config.top+ "px";
		el.style.left = config.left+ "px";
		el.style.width = config.width+ "px";
		el.style.height = config.height+ "px";
		
}
var config = {color:"#234567", top: 30, left: 40, width: 400, height: 100 };
showSquare("littlesquare", config);