JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/riot/2.3/riot+compiler.min.js"></script>  

<script type="riot/tag">    
<zoo>
	<input name="animalInput" value={ data.animal }>
  <button onclick={ save }>Save</button>
  
  this.data = { animal: "cat" };
  
  this.on('updated', function(){
		alert(this.animalInput.value);
  });
  
  this.save = function(event) {
  	this.data = { animal: "" };
  };
</zoo>
</script>

<zoo></zoo>

JavaScript

riot.mount('zoo');