finalcut/random_names.html

## random_names.html
<!DOCTYPE html>
<html lang='en-US'>
  <head>
      <title>Random Name Generator</title>

  </head>
  <script type='text/javascript'>

          var MaleName = ['Jason', 'Michael', 'Noah', 'Liam', 'Benjamin','Bill','Justin','Ted','Joe','Steve','Chris','Charles','Craig','Duane','Sean','Chuck','Anthony','Tony'];
          var FemaleName = ['Emma', 'Olivia', 'Ava', 'Isabelle', 'Mia','Lisa','Emily','Shannon','Cyndy','Amber','Shonna','Marsha','Anna','Meghan','Sunny','Emma'];
          var LastName = ['Taylor', 'Bachleor', 'Alexander', 'Conway', 'Liu','Rawlinson','Smith','Johnson','Williams','Edwards','James','Marker','Keyser'];

          var DwarvenFirstNames = ['Mable','Karl','Boron','Toril','Slagheap','Ozzec','Tondor','Conan','Leeza','Gretchen'];
          var DwavrvenLastNames = ['Hillslide','Mountainbreaker','Steeltoe','Rockbreaker','Bouldershoulder','Deepdweller','Meaddrinker','Stonecrusher','Coalfinder','Goldkeeper','Undermartch'];

          class NameGenerator{
              constructor(firstNames,lastNames){
                  this.firstNames = firstNames;
                  this.lastNames = lastNames;
              }

              getRandomNumber(maxVal){
                  return Math.floor(Math.random()* maxVal);
              }

              getRandomName(ary){
                  var idx = this.getRandomNumber(ary.length);
                  return ary[idx];
              }

              createName(){
                  return this.getRandomName(this.firstNames) + ' ' + this.getRandomName(this.lastNames);
              }
          }

          var maleNameGenerator = new NameGenerator(MaleName, LastName);
          var femaleNameGenerator = new NameGenerator(FemaleName, LastName);
          var dwarfNameGenerator = new NameGenerator(DwarvenFirstNames, DwavrvenLastNames);

          function generateNames(){
            document.querySelector('#maleName').innerHTML = maleNameGenerator.createName();
            document.querySelector('#femaleName').innerHTML = femaleNameGenerator.createName();
            document.querySelector('#dwarfName').innerHTML = dwarfNameGenerator.createName();
          }
  </script>
  </head>
  <body>
    <button onClick='generateNames()'>Generate Names</button><br>
    <label>Male Name:</label> <span id='maleName'></span><br>
    <label>Female Name:</label> <span id='femaleName'></span><br>
    <label>Dwarf Name:</label> <span id='dwarfName'></span><br>

  </body>
</html>
	<!DOCTYPE html>
	<html lang='en-US'>
	<head>
	<title>Random Name Generator</title>

	</head>
	<script type='text/javascript'>

	var MaleName = ['Jason', 'Michael', 'Noah', 'Liam', 'Benjamin','Bill','Justin','Ted','Joe','Steve','Chris','Charles','Craig','Duane','Sean','Chuck','Anthony','Tony'];
	var FemaleName = ['Emma', 'Olivia', 'Ava', 'Isabelle', 'Mia','Lisa','Emily','Shannon','Cyndy','Amber','Shonna','Marsha','Anna','Meghan','Sunny','Emma'];
	var LastName = ['Taylor', 'Bachleor', 'Alexander', 'Conway', 'Liu','Rawlinson','Smith','Johnson','Williams','Edwards','James','Marker','Keyser'];

	var DwarvenFirstNames = ['Mable','Karl','Boron','Toril','Slagheap','Ozzec','Tondor','Conan','Leeza','Gretchen'];
	var DwavrvenLastNames = ['Hillslide','Mountainbreaker','Steeltoe','Rockbreaker','Bouldershoulder','Deepdweller','Meaddrinker','Stonecrusher','Coalfinder','Goldkeeper','Undermartch'];

	class NameGenerator{
	constructor(firstNames,lastNames){
	this.firstNames = firstNames;
	this.lastNames = lastNames;
	}

	getRandomNumber(maxVal){
	return Math.floor(Math.random()* maxVal);
	}

	getRandomName(ary){
	var idx = this.getRandomNumber(ary.length);
	return ary[idx];
	}

	createName(){
	return this.getRandomName(this.firstNames) + ' ' + this.getRandomName(this.lastNames);
	}
	}

	var maleNameGenerator = new NameGenerator(MaleName, LastName);
	var femaleNameGenerator = new NameGenerator(FemaleName, LastName);
	var dwarfNameGenerator = new NameGenerator(DwarvenFirstNames, DwavrvenLastNames);

	function generateNames(){
	document.querySelector('#maleName').innerHTML = maleNameGenerator.createName();
	document.querySelector('#femaleName').innerHTML = femaleNameGenerator.createName();
	document.querySelector('#dwarfName').innerHTML = dwarfNameGenerator.createName();
	}
	</script>
	</head>
	<body>
	<button onClick='generateNames()'>Generate Names</button><br>
	<label>Male Name:</label> <span id='maleName'></span><br>
	<label>Female Name:</label> <span id='femaleName'></span><br>
	<label>Dwarf Name:</label> <span id='dwarfName'></span><br>

	</body>
	</html>