JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<button class="click">Click</button>
<div class="text"></div>

CSS

.text{
  width:200px;
  height:1.5em;
  line-height:1.5em;
  border:1px solid #333;
  text-align:right;
}

JavaScript

var text = document.querySelector(".text");
var LENGTH = 8;
document.querySelector(".click").onclick = function(){
	var str = "";
  for(var i = 0; i < LENGTH; i++){
  	str += Math.round(Math.random());
  }
  text.innerHTML = str;
}