JSFiddle - React, Tailwind, and code Playground

by Luke Arrington

HTML

<div id="displayName">

</div>

CSS

#displayName {
  font-size: 18px;
  font-family: cursive;
}

JavaScript

var items = ["obtuse", "unwitting" , "pitiable" , "parasitic" , "smelly"];
var  randomItem = items[Math.floor(Math.random() * items.length)];
console.log(randomItem);
var items2 = ["putrid", "grimey" , "smack-worthy" , "lice-ridden" , "small-minded"];
var  randomItem2 = items2[Math.floor(Math.random() * items2.length)];
var items3 = ["smock-mongerer", "spray-tanner" , "gum-swallower" , "gunk-slurper" , "worm-kisser"];
var  randomItem3 = items3[Math.floor(Math.random() * items3.length)];

var finalName = (randomItem + ", " + randomItem2 + ", " + randomItem3);

displayName.textContent = finalName;