JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<input type="button" value="追加" onclick="createArea()">
<div id="parent">parentです。</div>

CSS

#parent {
  background-color: #eee;
  padding: 10px;
}
#blue {
  background-color: blue;
  padding: 10px;
  color: #fff;
}

JavaScript

function createArea () {
	var area = document.createElement('div');
  area.id = 'blue';
  area.innerHTML = '追加された要素です。';
  var parent = document.getElementById('parent');
  parent.appendChild(area);
}