JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<input id="type-writer"type="text">
<div id="new-note">Make a new note!</div>

<div id="notes"></div>

CSS

#notes label {
  display: block;
}

JavaScript

$('#new-note').on("click", function() {

	$(
  '<label>' +
    '<input type="checkbox">' +
    $('#type-writer').val() +
	'</label>'
	).appendTo('#notes')

});