JSFiddle - React, Tailwind, and code Playground

by Luke Arrington

HTML

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

JavaScript

var items = [ "flirtatious", "sultry" , "euphorically-happy", "drug-addicted ", "alcoholic", "insecure", "clutsy", "powerhungry" , "aggressive" , "easily spooked" , "excessively-patriotic", "annoyingly-philosophical", "depressed", "competative", "generally-confused" , "fearful" , "apologetic" , "pot-smoking" , "angry" , "chauvenistic" , "forgetful" , "fastidious" , "daft" , "love starved" , "hangry" , "Canadian" , "Italian" , "Asian" , "German", "gender-bending" , "vape loving" , "hyperbolic" , "understating" , "demon possessed", "incredibly old" , "concerningly young" , "ever-polite" , "emo" , "pessimistic" , "optimistic" , "very short",  "obese" , "lazy" , "ugly" , "dumb" , "sleepy" , "ADHD" , "ADD" , "farting" , "sarcastic", "incontenent" , "perverted" , "horny" , "punny", "gossipping" , "soft-spoken"];
var  adjective = items[Math.floor(Math.random() * items.length)];

var items2 = ["pastor" , "psychologist" , "penguin", "fisherman", "astronaut", "lion", "bodyguard", "doctor" , "russian czar" , "powerlifter", "undertaker", "small-mouthed bass", "hooker", "realtor", "farmer", "squirrel" , "neanderthal", "nazi", "smoke-alarm" , "blond" , "invisible man", "quadrapalegic", "frog" , "robot", "fish" , "dog" , "porn star" , "lawyer", "frat boy", "sorority girl", "disney princess" , "muscle builder" , "car salesman" , "escaped convict" , "librarian" , "english teacher" , "porn star" , "olympic coach" , "rastafarian" , "suicide bomber" , "billionaire" , "murderer" , "police officer" , "thrill seaker" , "chess master", "male model" , "PTSD soldier" , "mother of 9" , "gorilla", " space alien"];
var  profession = items2[Math.floor(Math.random() * items2.length)];

var items3 = ["upset" , "suprised" , "fascinated" , "frustrated" , "repulsed", "cautious", "afraid", "turned-on", "intrigued", "fixated", "appalled" , "pensive", "disparaging", "delighted", "shocked", "confused", "sickened" , "resigned" , "skeptical", "distrusting" , "empowered" , "inspired" , "overjoyed" ,...