JSFiddle - React, Tailwind, and code Playground

HTML

<form id="name_your_tree" method="POST">
Name your tree: <input type="text" id="tree_name"></input>
<input type="submit"></input>
</form>


<div id="tree_wrapper">
</div>

JavaScript

var tree = {};

	$("#name_your_tree").submit(function(e){
		e.preventDefault();
		tree.level_0 = {};
		if ($("#tree_name").val() == ""){
			alert("Please give you tree a name first");
		} else {
			tree.level_0.title = $("#tree_name").val();
			$('#tree_wrapper').append('<h1 id="'+tree.level_0.title+'">'+tree.level_0.title+'</h1>');
		}

	});

	$("h1").on("click", function(){
		alert("test");
		$("h1").css("color","red");
	})