JSFiddle - React, Tailwind, and code Playground

by oriweingart

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<button id="btn">Select Random Name</button>
<script type="text/html" id='container'>
	<div>Your name is: <span id="name"><%= name %></span></div>
</script>
<div id="target"></div>
<script>
var names = ['Jacob', 'William', 'Michael', 'James', 'Smith', 'Miller'];
// Render the template with the data
var render = function(user){
	var template = container.innerHTML;
	target.innerHTML = _.template(template, user);  
}
var selectRandomName = function() {
  	var randomName = names[Math.floor(Math.random()*names.length)];
  	render({name: randomName});
}
// Initial name and button event
var init = function(){
    var btn = document.getElementById("btn");
  	btn.onclick = selectRandomName;
  	var user = {name: names[0]}
    render(user);
}
init();
</script>