JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<h2>NPC generator</h2>
<p><button class='generate'>Generate</button></p>
<div class="npc"></div>

JavaScript

var names1 = ['Ka','Fe','Ma','Ki','Ko','Nar','Ra','Re','Ri','Ru','Ro','Sa','Se','Su','Ta','Te','Tu','Ti','Na','Nu','Ne','Ni','Fa','Mai','Mi','Rai','Tan','Tar','Sai','Ga','Gai','Gar','Go','Gi','Kai','Sou','Ha','Lu','I','Im','Ik','It','In','Is','Zu','E','A','Al','An','Ash','Ai','Au','Ang','Am','Or','O','On','Ho','Lu','Lin','La','Lai','Sar','Lan','Yo','Ya','Yu','Kal','Lun','Lar','Kar','Sat','Mar','Vai','Far','Fan','Sel','Pan','Pa','Vu','Ven','Vei','Sha','Shan','Sho','Shi','Tra','Tri','Yan','Tor','Yu','She','Cho','Cha','Si','See','Sen','Ish','Es','Est','Em','El','Gal','Gil','Mui','Mu','Nui','Son','Sun','Sol','Lum','Lus'];
var names2 = ['ra','ro','re','ror','ru','ri','ta','te','tor','to','tu','tan','tas','tel','ga','gu','go','ge','ka','ke','ki','ko','ku','ash','ar','ish','an','esh','ush','os','or','on','en','la','li','lo','lai','ai','a','i','o','i','e','shi','sha','mo','ma','mi','mu','me','no','nou','nu','ne','na','ni','rou','rai','lu','lou','lai','tai','gan','am','on','os','si','sai','so','sou','son','lun','yo','yu','ya','tar'];

var surs1 = ['Sleek','Swift','Rose','Dust','Lily','Honey','Bold','Grace','Fierce','Lion','Lock','Whisper','Silent','Silky','Proud','Dust','Keen','Sweet','Sharp','Wild','Luck','Spiral','Wake','Flux','Magna','Speckle','Crown','Shatter','Brittle','Ever','Eve','Odd','Wither','Wonder','Bitter','Scorn','Crystal','Quartz','Opal','Iris','Patch','Arrow','Quiver','Echo','Lark','Noble','Diamond','Thorn','Silk','Satin','Velvet','Ribbon','Lace','Quick','Whistle','Eagle','Hawk','Falcon','Mirror','Far','Frisk','Smart','Pepper','Spring','Zenith','Autumn','Summer','Tickle','Arch',...