JSFiddle - React, Tailwind, and code Playground

by Luke Arrington

HTML

<!DOCTYPE HTML>
<body>
<p>If I had a name for you, it would be:</p>
<div id="displayName">
<script src="script.js"></script>
</div>
<body>

JavaScript

var items = [ "putrid", "grimey" ,"pitiable" , "parasitic" , "smelly" , "despicable" , "contemptible" , "deplorable" , "scurvy" , "scrubby" , "direputable" , "bedraggled" , "tired" , "dingy" , "desolate" , "sordid" , "squalid" , "noisome" , "malodorous" , "noxious" , "baneful" , "uncouth"];
var  randomItem = items[Math.floor(Math.random() * items.length)];
console.log(randomItem);
var items2 = ["fart-blaming" , "fish-eating" , "lane-hoarding" , "watch-checking" , "carrot-hoarding" , "auto-tuning" , "smack-worthy" , "lice-ridden" , "small-minded" , "mic-checking" , "law-abiding" , "tea-drinking" , "tablet-toting" , "deck-shuffling"];
var  randomItem2 = items2[Math.floor(Math.random() * items2.length)];
var items3 = ["food-moocher" , "smock-mongerer" , "channel-changer" , "hobbit-hater" , "donut-nibbler" , "spray-tanner" , "puppy-puncher" , "gum-swallower" , "gunk-slurper" , "worm-kisser" , "party-pooper" , "toilet-blaster" , "buck-passer" , "fry-drencher"];
var  randomItem3 = items3[Math.floor(Math.random() * items3.length)];

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

displayName.textContent = finalName;