JSFiddle - React, Tailwind, and code Playground

by Isaac Nygaard

HTML

<script src="http://nyrix.com/eggjs/template/zen.js"></script>
<script>
	const template = new Zen("section.cool>h2{%title%}+#msg_div{Message = %msg%}");
	document.onready = (e)=>{
  	const v = template.build({title: "Hello", msg: "Try changing the text"});
  	document.body.appendChild(v);
  };
  function change(){
  	const v = this.previousElementSibling.value;
    template.setValue("message", v);
  }
</script>

<input><button onclick="change()">New Message</button>