Ik drink een <select id="selectBeerType"></select> en ik vind m 
<select id="likeItOrNot">
	<option value="likeBeer" selected>Lekker :)</option>
	<option value="dislikeBeer">Vies :(</option>
</select>
<button onClick="generateReview()">Generate!</button>

<div id="review"></div>

<script>
	
	var beerTypes = ["IPA", "Blond", "Tripel", "Dubbel", "Pils", "Stout"]; // deze moet compleet worden, of het liefst de lijst van untappd zijn

	// Stop biertjes in dropdown
	var dropdown = document.getElementById("selectBeerType");
	for (var i = 0; i < beerTypes.length; ++i) {
		// Append the element to the end of Array list
		var option = new Option(beerTypes[i], beerTypes[i]);
		dropdown[dropdown.length] = option;
		if (i == 0) {
			option.setAttribute("selected", "selected");
		}
	}

	// shuffler
	function shuffle(o){
    	for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    	return o;
	};

	
	function generateReview(){

			// algemene vars
			var beerTypeCheck = document.getElementById("selectBeerType"); // welk biertje is geselecteerd
			var selectedBeer = beerTypeCheck.options[beerTypeCheck.selectedIndex].text; // zet die in een var
			var flavours = ["caramel", "chocola", "sinaasappelschil", "koriander"];
			var numberOfFlavours = [2, 3, 4]; //het aantal smaken wat gebruikt kan worden als opsomming.
			shuffledFlavours = shuffle(flavours); //shuffle de smaken
			var randomNumberOfFlavours = numberOfFlavours[Math.floor(Math.random() * numberOfFlavours.length)]; // kies een random getal uit het aantal smaken
			var randomFlavours = "";
			var flavoursCounter = 0;
			while(flavoursCounter < (randomNumberOfFlavours - 1)){
					var randomFlavours = randomFlavours + shuffledFlavours[flavoursCounter] + ", ";
					flavoursCounter++;
				} //gaan met die banaan om de smaken op te sommen
			var randomFlavours = randomFlavours + shuffledFlavours[flavoursCounter] + "..."; // voeg laatste ingredient toe

			// positieve review vars
			var positiveBeerSentence01 = "Dit is een erg lekkere " + selectedBeer + ". ";
			var likeSentences = [positiveBeerSentence01, "Hmmmmmmmm....", "Er goed te doen.", "Wat lekker!", "Heerlijk.", "O ja, hier hou ik van..."];
			var endReviewGood = ["Aanrader!", "Omnomnom!", "Hier word ik wel vrolijk van!"];
			
			// negatieve review vars
			var negativeBeerSentence01 = "Erg waterig voor een " + selectedBeer + ".";
			var dislikeSentences =  [negativeBeerSentence01, "Ik vind het niks!", "Niet te drinken..."];
			var endReviewBad = ["Bah!", "Gadverdamme.", "Geen aanrader."];
	
			var likeCheck = document.getElementById("likeItOrNot"); // check de dropdown van de likeitornot
			var likeItOrNot = likeCheck.options[likeCheck.selectedIndex].value; // lees de value van die dropdown

			if(likeItOrNot=="likeBeer"){
				// schrijf een positieve review
				var randomLikeSentence = likeSentences[Math.floor(Math.random() * likeSentences.length)]; // neem een random zinnetje
				var randomEndReviewGood = endReviewGood[Math.floor(Math.random() * endReviewGood.length)]; // neem een random uitsmijter
				document.getElementById('review').innerHTML = (	randomLikeSentence + " " //schrijf random zinnetje
														+ "Subtiele smaken van " + randomFlavours + " " // schrijf random smaken
														+ randomEndReviewGood); //schrijf een random uitsmijter.
			}
			else{
				// schrijf een negatieve review
				var randomDislikeSentence = dislikeSentences[Math.floor(Math.random() * dislikeSentences.length)]; // neem een random zinnetje
				var randomEndReviewBad = endReviewBad[Math.floor(Math.random() * endReviewBad.length)]; // neem een random uitsmijter
				document.getElementById('review').innerHTML = (randomDislikeSentence + " " + randomEndReviewBad);	
			}
			
	}

</script>