redrambles/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Guess the Number</title>
</head>
<body>
  <h1>Guess the Number</h1>

  <input id="user-guess" type="number" />
  <button id="submit-guess">Guess</button>

  <div id="message"></div>
<script id="jsbin-javascript">
/*
 * Select elements from the page to use in guessing game.
 */
var guessInput = document.getElementById("user-guess");
var guessSubmitButton = document.getElementById("submit-guess");
var answer = Math.floor(Math.random() * 20) + 1;
var message = document.getElementById("message");
var attempts = 0;

/*
 * When the user clicks the "Guess" button, check to see if their guess was
 * correct and then display the appropriate message.
 */
guessSubmitButton.addEventListener("click", function(evt) {
  var guessedNumber = parseInt( guessInput.value ); // convert guess to number

  // write your solution here
if (guessedNumber < answer){
    message.innerText = "You're answer is too low. Try again!";
  }
  else if (guessedNumber > answer){
    message.innerText = "You're answer is too high. Try again!";
  }
  else {
    message.innerText = "You guessed it! The number was " + (answer) + "! It took you " + attempts + " tries.";
  }
  attempts ++;
});
</script>


<script id="jsbin-source-javascript" type="text/javascript">/*
 * Select elements from the page to use in guessing game.
 */
var guessInput = document.getElementById("user-guess");
var guessSubmitButton = document.getElementById("submit-guess");
var answer = Math.floor(Math.random() * 20) + 1;
var message = document.getElementById("message");
var attempts = 0;

/*
 * When the user clicks the "Guess" button, check to see if their guess was
 * correct and then display the appropriate message.
 */
guessSubmitButton.addEventListener("click", function(evt) {
  var guessedNumber = parseInt( guessInput.value ); // convert guess to number

  // write your solution here
if (guessedNumber < answer){
    message.innerText = "You're answer is too low. Try again!";
  }
  else if (guessedNumber > answer){
    message.innerText = "You're answer is too high. Try again!";
  }
  else {
    message.innerText = "You guessed it! The number was " + (answer) + "! It took you " + attempts + " tries.";
  }
  attempts ++;
});

</script></body>
</html>

## jsbin.ticipohuxa.js
/*
 * Select elements from the page to use in guessing game.
 */
var guessInput = document.getElementById("user-guess");
var guessSubmitButton = document.getElementById("submit-guess");
var answer = Math.floor(Math.random() * 20) + 1;
var message = document.getElementById("message");
var attempts = 0;

/*
 * When the user clicks the "Guess" button, check to see if their guess was
 * correct and then display the appropriate message.
 */
guessSubmitButton.addEventListener("click", function(evt) {
  var guessedNumber = parseInt( guessInput.value ); // convert guess to number

  // write your solution here
if (guessedNumber < answer){
    message.innerText = "You're answer is too low. Try again!";
  }
  else if (guessedNumber > answer){
    message.innerText = "You're answer is too high. Try again!";
  }
  else {
    message.innerText = "You guessed it! The number was " + (answer) + "! It took you " + attempts + " tries.";
  }
  attempts ++;
});
	<!DOCTYPE html>
	<html>
	<head>
	<title>Guess the Number</title>
	</head>
	<body>
	<h1>Guess the Number</h1>

	<input id="user-guess" type="number" />
	<button id="submit-guess">Guess</button>

	<div id="message"></div>
	<script id="jsbin-javascript">
	/*
	* Select elements from the page to use in guessing game.
	*/
	var guessInput = document.getElementById("user-guess");
	var guessSubmitButton = document.getElementById("submit-guess");
	var answer = Math.floor(Math.random() * 20) + 1;
	var message = document.getElementById("message");
	var attempts = 0;

	/*
	* When the user clicks the "Guess" button, check to see if their guess was
	* correct and then display the appropriate message.
	*/
	guessSubmitButton.addEventListener("click", function(evt) {
	var guessedNumber = parseInt( guessInput.value ); // convert guess to number

	// write your solution here
	if (guessedNumber < answer){
	message.innerText = "You're answer is too low. Try again!";
	}
	else if (guessedNumber > answer){
	message.innerText = "You're answer is too high. Try again!";
	}
	else {
	message.innerText = "You guessed it! The number was " + (answer) + "! It took you " + attempts + " tries.";
	}
	attempts ++;
	});
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">/*
	* Select elements from the page to use in guessing game.
	*/
	var guessInput = document.getElementById("user-guess");
	var guessSubmitButton = document.getElementById("submit-guess");
	var answer = Math.floor(Math.random() * 20) + 1;
	var message = document.getElementById("message");
	var attempts = 0;

	/*
	* When the user clicks the "Guess" button, check to see if their guess was
	* correct and then display the appropriate message.
	*/
	guessSubmitButton.addEventListener("click", function(evt) {
	var guessedNumber = parseInt( guessInput.value ); // convert guess to number

	// write your solution here
	if (guessedNumber < answer){
	message.innerText = "You're answer is too low. Try again!";
	}
	else if (guessedNumber > answer){
	message.innerText = "You're answer is too high. Try again!";
	}
	else {
	message.innerText = "You guessed it! The number was " + (answer) + "! It took you " + attempts + " tries.";
	}
	attempts ++;
	});

	</script></body>
	</html>