JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<input value="Write item here" id="input">
			 <button> Add </button>
			 <hr>
		<ul id="list">
			<li> Start a list <a class="remove"> [x] </a> </li>
		</ul>

JavaScript

var doc = document,
		button = doc.getElementsByTagName('button')[0],
		remove = doc.getElementsByClassName('remove');

		remove.onclick = function() {

				remove.parentNode.removeChild(this);

		};


		button.onclick = function() {

			var mySubmission = doc.getElementById('input').value;
			doc.getElementById('list').innerHTML += "<li>" + mySubmission + "<a class='remove'>[x]</a>" + "</li>";

		};