JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<input type="text" id="form" onchange="createInputText()">
<ul id="parent">parentです。</ul>

CSS

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

JavaScript

function createInputText () {
  var form = document.getElementById("form");
  var area = document.createElement('li');
  area.id = 'blue';
  area.innerHTML = form.value;
  console.log(area.innerHTML);
  var parent = document.getElementById('parent');
  parent.appendChild(area);
  form.value = '';
}