JSFiddle - React, Tailwind, and code Playground

by black strings

HTML

<div id="ui">

</div>
<div id="main">

</div>

CSS

button {
  padding:10px;
  width:100px;
}
#main {
  padding:10px;
  border:thin solid black;
}
.mon {
  border:thin solid white;
  padding:5px;
  background-color:#e7e7e7;
}

.widgetContainer {
  //background-color:white;
  color:white;
  display:inline-block;
}
.widgetLabel {
  display:inline-block;
  padding: 3px;
}
.widgetValue {
  background-color:#d9d9d9;  
}

JavaScript

var str="Playing with Strings";

var mod = {};

//util - don't use prototype
mod.Utils = function(){};
var utils = mod.Utils;

utils.getRandomPrefix = function(){
	var con = ['the','a'];
    
  //pick random word from array
  return con[Math.floor((Math.random() * con.length))];
};

utils.getRandomAdjectives = function(){
	var colors = ['red','blue','green','orange','black','purple','neon','white','grey','gold','silver','sapphire'];
  
  var touch = ['Auricular','Fluffy','Sharp','Silky','Breezy','Fuzzy','Slick','Bumpy','Greasy','Slimy','Hard','Slippery','Cold','Hot','Smooth','Cool','Icy','Cuddly','Solid','Damaged','Melted','Steady','Damp','Painful','Sticky','Dirty','Plastic','Tender','Dry','Prickly','up tight','Dusty','Rough','Uneven','Filthy','Shaggy','Warm','Flaky','Shaky','Wet','scaley'];

 var sound = ["Blaring","Melodic","Shrill","Faint","Muffled","Silent","Mute","High pitched","Noisy","Hushed","Quiet","thunder","Husky","Raspy","Voiceless","Loud","Resonant"];
  
	var others = ['faint','hard','twisted','crazy','powerful','powerless','sexy','ugly','silent'];
  
  var nouns = others.concat(colors, touch, sound);
  return nouns[Math.floor((Math.random() * nouns.length))];
};

utils.getRandomVerb = function(){
	var con = ["Moaning","Screeching","Freezing","speaking","walking","running","bluffing","lying","sleeping","relaxing","dreaming","standing","beating","jogging","dancing","swimming","bending","hopping","drinking","eating","shaking","raking","piling","piercing","penetrating","squeezing","mashing","rolling","spinning","wearing","removing","distributing","begging","gifting","praying","cursing","laughing","crying","smiling","texting","typing","printing","calling","receiving","ignoring","opening","closing","gardening","watering","planting","cooking","strolling","chanting","showing","revealing","proposing","rejecting","dying","coming","swinging","recalling","dialing","Squealing","Hissing","Purring","Squeaking",'chilling','whispering'];
    
  //pick random word...