JSFiddle - React, Tailwind, and code Playground

by zxzc0

HTML

<div id="word">#</div>
<div id="bt">bt</div>

CSS

body{
  background-color: #20262E;
  color: #eee;
}

#bt{
  cursor: pointer;
}

JavaScript

let words=[];
let words1=['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let words2=[];
let words3=[];
let words4=[];
let words5=[];

const word = document.querySelector('#word');
const bt = document.querySelector('#bt');

randIndex = Math.floor(Math.random() * words1.length);

function randWord() {
  word.innerText = words1[randIndex];
}

randWord();

bt.addEventListener("click", function () {
  randWord();
});