JSFiddle - React, Tailwind, and code Playground

Character Trope Scrambler Alt: Less options for more character clarity, maybe.

by Swordie

HTML

Be it an occupation to their disposition to their backstory, this generator comes up with three items from TVTropes. This should be used to push forward character development, either by the words alone or playing with the trope!
<br>
<br>

<button>jog some inspiration!</button>
<h2></h2>

JavaScript

$('button').click(function() {
    $('h2').text(randomEl(trope1)+', '+randomEl(trope2)+', '+randomEl(trope3));
    selectElementContents($('h2')[0]);
});

function randomEl(list) {
    var i = Math.floor(Math.random() * list.length);
    return list[i];
}

function selectElementContents(el) {
    var range = document.createRange();
    range.selectNodeContents(el);
    var sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
}

var trope1 = ["a father to his men","a wolf in sheep's clothing","absent-minded professor","absolute xenophobe","accidental pervert","actual pacifist","affably evil","affectionate pickpocket","agent mulder","agent peacock","agent scully","aggressive submissive","AI is a crapshoot","all-loving hero","almighty janitor","aloof ally","alpha bitch","always camp","amazon chaser","amazonian beauty","amnesiac lover","amoral attorney","ancient keeper","angst what angst","annoying younger sibling","anonymous benefactor","anonymous ringer","anti-role model","anti-villain","apocalypse maiden","apron matron","arab oil sheikh","arc hero","armored closet gay","asian rudeness","asshole victim","authority in name only","automated automobiles","ax-crazy","babysitter from hell","back-alley doctor","bad boss","bad liar","bad samaritan","badass adorable","badass baritone","badass biker","badass bookworm","badass bystander","baker street regular","barbarian hero","barrier maiden","barrier warrior","basement-dweller","battle butler","battleaxe nurse","beast man","beastess","beauty mark","befriending the enemy","beleaguered assistant","beleaguered childhood friend","belly dancer","benevolent boss","bespectactled bastard boyfriend","beware the nice ones","beware the quiet ones","beware the silly ones","big eater","big good","big man on campus","biker babe","bishonen","bitch in sheep's clothing","black and white morality","black knight","black magician girl","black mask of doom","black widow","blank slate","blind justice","blithe...