<!DOCTYPE html>

    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>

   <button type="button" onclick="controlflow()">Call Controlflow</button>
    <div id="result"></div>

// Code goes here

function controlflow(){
  var troll = prompt("You're walking through the forest, minding your own business, and you run into a troll! Do you FIGHT him, PAY him, or RUN?").toUpperCase();
  var result ="";

switch(troll) {
  case 'FIGHT':
    var strong = prompt("How courageous! Are you strong (YES or NO)?").toUpperCase();
    var smart = prompt("Are you smart?").toUpperCase();
    if(strong === 'YES' || smart === 'YES') {
        result = result + '<br>' + "You only need one of the two! You beat the troll--nice work!" ;
    } else {
      result = result+ '<br>' + "You're not strong OR smart? Well, if you were smarter, you probably wouldn't have tried to fight a troll. You lose!";
  case 'PAY':
    var money = prompt("All right, we'll pay the troll. Do you have any money (YES or NO)?").toUpperCase();
    var dollars = prompt("Is your money in Troll Dollars?").toUpperCase();
    if(money === 'YES' && dollars === 'YES') {
       result = result+ '<br>' + "Great! You pay the troll and continue on your merry way.";
    } else {
        result = result+ '<br>' +"Dang! This troll only takes Troll Dollars. You get whomped!";
  case 'RUN':
    var fast = prompt("Let's book it! Are you fast (YES or NO)?").toUpperCase();
    var headStart = prompt("Did you get a head start?").toUpperCase();
    if(fast === 'YES' || headStart === 'YES') {
       result = result+ '<br>' + "You got away--barely! You live to stroll through the forest another day.";
    } else {
        result = result+ '<br>' +"You're not fast and you didn't get a head start? You never had a chance! The troll eats you.";
     result = result+ '<br>' +"I didn't understand your choice. Hit Run and try again, this time picking FIGHT, PAY, or RUN!";

document.getElementById('result').innerHTML = result ;
/* Styles go here */