Javascript 我如何与我的函数进行交互/输出'；s参数为数字，而不是；南；？

因此，我已经收到了一份javascript入门课程的作业，我们还没有走那么远，所以我现在对这个主题没有太多的知识，但我被困在了任务的这一部分。任务是制作一个简单的计算器，能够使用四个基本函数（+、-、*、/），用两个参数调用该函数并输出结果。这是javascript代码：

"use strict";
var x = document.getElementById('nummer1').value;
var y = document.getElementById('nummer2').value;

function add(p1, p2) {
return Number(p1) + Number(p2);
}

function subtract(p1, p2) {
return p1 - p2;
}

function multiply(p1, p2) {
return p1 * p2;
}

function divide(p1, p2) {
return p1 / p2;
}

现在，HTML：

<input type="number" name="nr1" id="nummer1">
<input type="number" name="nr2" id="nummer2"><br><br>
<button type="button" onclick="document.getElementById('demo').innerHTML = add(x, y)">Add</button>
<button type="button" onclick="document.getElementById('demo').innerHTML = subtract(x, y)">Subtract</button>
<button type="button" onclick="document.getElementById('demo').innerHTML = multiply(x, y)">Multiply</button>
<button type="button" onclick="document.getElementById('demo').innerHTML = divide(x, y)">Divide</button>
<p>The answer is: <span id="demo"></span></p>

添加
减去
倍增
分
答案是：

现在的问题是，每次我尝试使用其中一个按钮时，输出结果都是“NaN”。我似乎不明白这是为什么。我已经这样做了，变量x和y是用户输入的值，并且我已经指定它们是数字。我不会把它们除以零或类似的东西。难道他们不应该正常计算吗？我哪里做错了？如果这有什么不同，我通常会把js代码放在head部分

现在的问题是，每次我尝试使用其中一个按钮时 输出结果为“NaN”

因为当您单击这些按钮时，不会获取

x

和

y

的最新值

成功

函数添加（）{
var p1=document.getElementById（'nummer1'）。值；
var p2=document.getElementById（'numer2'）。值；
返回编号（p1）+返回编号（p2）；
}
函数减法（p1，p2）{
var p1=document.getElementById（'nummer1'）。值；
var p2=document.getElementById（'numer2'）。值；
返回p1-p2；
}
函数乘法（p1，p2）{
var p1=document.getElementById（'nummer1'）。值；
var p2=document.getElementById（'numer2'）。值；
返回p1*p2；
}
功能划分（p1、p2）{
var p1=document.getElementById（'nummer1'）。值；
var p2=document.getElementById（'numer2'）。值；
返回p1/p2；
}

添加
减去
倍增
分
答案是：