brudil/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

</head>
<body>
  <button class="genButton">Click me</button>

  <h1 class="idea"></h1>
  </body>
</html>

## script.js

const noun = [
'do an impression of Donald Trump',
'do an impression of an elephant',
'do an impression of a Dalek',
'do an impression of a cow',
'do an impression of a cat',
'do an impression of ',
'act out a scene from',
'name an episode of Friends',
'name a non-human Harry Potter character',
'name a Harry Potter Character',
'name a part of their body that begins with',
'name a chess piece',
'name a cheese',
'name a spice girl',
'name a song by Take That',
'name a herb',
'name a condiment',
'name a sex position while demonstrating it to the group',
'sneeze',
'shake your own hand',
'say the number of people in the room',
'name a famous fox',
'take off a shoe',
'take off a sock',
'find an egg',
'bring something from the kitchen and eat it in front of everyone',
'point at someone taller than you',
'point at someone shorter than you',
'point at someone younger than you',
'point at someone older than you',
'text a friend',
'text a person who isn’t in the room',
'text a relative',
'take a selfie on someone else’s phone',

];


function select(arr) {
  return _.sample(arr);
}


const syntax = [
  () => `Be the first to... <br><br>...${select(noun)}`,

];

function genLine() {
  document.querySelector('.idea').innerHTML = select(syntax)();
}

genLine();

document.querySelector('.genButton').addEventListener('click', () => genLine())
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

	</head>
	<body>
	<button class="genButton">Click me</button>

	<h1 class="idea"></h1>
	</body>
	</html>

	const noun = [
	'do an impression of Donald Trump',
	'do an impression of an elephant',
	'do an impression of a Dalek',
	'do an impression of a cow',
	'do an impression of a cat',
	'do an impression of ',
	'act out a scene from',
	'name an episode of Friends',
	'name a non-human Harry Potter character',
	'name a Harry Potter Character',
	'name a part of their body that begins with',
	'name a chess piece',
	'name a cheese',
	'name a spice girl',
	'name a song by Take That',
	'name a herb',
	'name a condiment',
	'name a sex position while demonstrating it to the group',
	'sneeze',
	'shake your own hand',
	'say the number of people in the room',
	'name a famous fox',
	'take off a shoe',
	'take off a sock',
	'find an egg',
	'bring something from the kitchen and eat it in front of everyone',
	'point at someone taller than you',
	'point at someone shorter than you',
	'point at someone younger than you',
	'point at someone older than you',
	'text a friend',
	'text a person who isn’t in the room',
	'text a relative',
	'take a selfie on someone else’s phone',

	];




	function select(arr) {
	return _.sample(arr);
	}


	const syntax = [
	() => `Be the first to... <br><br>...${select(noun)}`,

	];

	function genLine() {
	document.querySelector('.idea').innerHTML = select(syntax)();
	}

	genLine();

	document.querySelector('.genButton').addEventListener('click', () => genLine())