Bob.html

<!DOCTYPE html>
<html>
<body>

<h1>Bob</h1>


<button type="button" onclick="myFunction()">Try it</button>

<script>
/* Bob is a lackadaisical teenager. In conversation, his responses are very limited.

Bob answers 'Sure.' if you ask him a question.

He answers 'Whoa, chill out!' if you yell at him.

He says 'Fine. Be that way!' if you address him without actually saying anything.

He answers 'Whatever.' to anything else. */
function myFunction(){
  var str = prompt("Speak to Bob");
  if (str.charAt(str.length - 1) === "?") {
    alert("Bob says: 'Sure'");
  }
  else if (str.charAt(str.length - 1) === "!") {
    alert("Bob says:'Whoa, chill out!'");
  }
  else if (str === "Bob") {
    alert("Bob says:'Fine. Be that way!'");
  }
  else {
    alert("Bob says:'Whatewer'");
  }
  }

</script>

</body>
</html>