I have made the following code to get the input from the input box. However, it can't get the input? Why?
var p = document.getElementById("paragraph");
var input = document.getElementById("input").value;
var foodname;
function changeP() {
alert(input);
if (input === "abc") {
foodname = "Hey Yo!";
} else if (input === "def") {
foodname = "!oY yeH";
} else {
foodname = "N/A";
}
p.innerText = foodname;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Input Detecting</title>
</head>
<body>
<p id="paragraph">Please type in the code in the following input bar. </p>
<input id="input">
<button onClick="changeP()">Confirm</button>
<script src="JavaScript.js"></script>
</body>
</html>
