So here is the thing I'm trying to create a simple example of a calculator with JavaScript, but the problem is that the function is not getting the numbers . Here is The code, I want to know what I've done wrong and if there is any Mistakes I hope you correct me. PS: I'm new to JavaScript I just started learning
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculator</title>
<script>
//Acessing Elements
var x = parseInt(document.getElementById("x"));
var y = parseInt(document.getElementById("y"));
var result ;
//Declaring Functions
function add(){
result = x + y;
}
</script>
</head>
<body>
<fieldset>
<label for="first">First Number</label><br>
<input type="number" id="x"><br>
<label for="second">Second Number</label><br>
<input type="number" id="y"><br>
<input type="button" value="+" onclick="add();">
<input type="button" value="-" onclick="substract();">
<input type="button" value="*" onclick="multiplier();">
<input type="button" value="/" onclick="division();"><br>
<label id="result"></label><br>
<script>
document.getElementById("result").innerHTML = result;
</script>
</fieldset>
</body>
</html>