I am in the process of creating a basic JavaScript program that compares two numbers provided by the user. The expected behavior is to display "x is larger" if the first number is greater than the second, and "y is larger" if the second number is greater. However, I've run into an issue where instead of displaying the actual number entered by the user, it shows "firstNumber is larger." How can I modify my If statement so that the program accurately reflects the input?
If both numbers are equal, the program correctly outputs "These numbers are equal."
Thank you!
JSfiddle Link: http://jsfiddle.net/9m4ohdkj/2/
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Compare Numbers</title>
<script>
var firstNumber; // variable to store first integer entered by the user
var secondNumber; // holds second integer entered by the user
// take first number as input from user
firstNumber = window.prompt( "Enter an integer" );
// take second number as input from user
secondNumber = window.prompt("Enter second integer");
// converting strings to integers
firstNumber = parseInt(firstNumber);
secondNumber = parseInt(secondNumber);
//check conditions
if ( firstNumber > secondNumber )
window.alert("firstNumber is larger");
if ( firstNumber < secondNumber )
window.alert("secondNumber is larger");
if ( firstNumber == secondNumber )
document.write("These numbers are equal!")
</script>
</head><body></body>
</html>