JSFiddle - React, Tailwind, and code Playground

by iamjpg

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rivets/0.9.6/rivets.bundled.min.js"></script>
<section id="view">
  <div>
    <input type="text" name="name" value="" id="name" rv-value="name">
  </div>
  <h3>{ name }</h3>
</section>

JavaScript

var store = {
	name: 'Change Me!'
}

var elem = document.querySelector('#name');

elem.addEventListener('keyup', function(event) {
	store.name = event.target.value;
});


rivets.bind(document.querySelector('#view'), store);