JSFiddle - React, Tailwind, and code Playground

by oriweingart

HTML

<button id="btn">Select Random Name</button>
<div>Your name is: <span id="name"></span></div>
<script>
var names = ['Jacob', 'William', 'Michael', 'James', 'Smith', 'Miller'];
var setName = function(name) {
  var nameElemnt = document.getElementById("name");
  nameElemnt.innerText = name;
}
var selectRandomName = function() {
  var randomName = names[Math.floor(Math.random()*names.length)];
  setName(randomName);
}
// Initial name and button event
var init = function(){
  setName(names[0]);
  var btn = document.getElementById("btn");
  btn.onclick = selectRandomName;
}
init();
</script>