<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<button type="button" onclick="controlflow()">Call Controlflow</button>
<br>
<div id="result"></div>
</body>
</html>
// 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!";
}
break;
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!";
}
break;
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.";
}
break;
default:
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 */