JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<input id="run" type="button" onclick="run();" value="Generate Password">

<p><span id="output"></span></p>

JavaScript

function run() {
var output = document.getElementById('output');

var textArray1 = [ 
 'controlled',
 'nervous',
 'undressed',
 'slick',
 'smooth',
 'rough',
 'elevated',
 'ballistic',
 'automatic',
 'generic',
 'instant',
 'prolonged',
 'intended',
 'scratchy',
 'inverted',
 'practical',
 'useless',
 'profound',
 'sublime',
 'pointless',
 'hurried',
 'rubbish',
 'lavish',
 'contorted',
 'rugged',
 'intolerable'
];

var textArray2 = [
 'onion',
 'sausage',
 'envelope',
 'napkin',
 'pocket',
 'corgette',
 'magazine',
 'boxfile',
 'adaptor',
 'transformer',
 'pudding',
 'noodle',
 'scratcher',
 'thumper',
 'lightbulb',
 'carpet',
 'duvet',
 'kettle',
 'paperclip',
 'stapler',
 'companion',
 'splinter',
 'teacup',
 'mushroom',
 'buscuit',
 'engine'
];

var random1 = Math.floor(Math.random()*textArray1.length);
var x = textArray1[random1];

var random2 = Math.floor(Math.random()*textArray2.length);
var y = textArray2[random2];

var result = x + "." + y;

output.innerHTML = result;
}