Javascript δ的Js值始终等于0

大家好，我是js新手，我正在尝试制作一个简单的程序来计算delta，但问题是我总是将delta的值设置为0，但当我将静态值设置为像int一样的delta时，它会显示正确的值，问题在哪里，谢谢

var first = document.getElementById("Cofession1"),
second = document.getElementById("Cofession2"),
third = document.getElementById("Cofession3"),
displayMessage = document.getElementById("solution"),
a = first.value,
b = second.value,
c = third.value,
btnClick = document.getElementById("calculateButton");
btnClick.onclick = function () {
var delta = b*5;
displayMessage.innerHTML = "delta = " + delta;
}

这是html

<input type="text" name="" id="Cofession1" placeholder="The value of a">
<input type="text" name="" id="Cofession2" placeholder="The value of b">
<input type="text" name="" id="Cofession3" placeholder="The value of c">
<button id="calculateButton">Calculate</button>
<div id="solution"></div>

算计

a

、

b

和

c

的值不会自动更新：您需要在onclick方法中分配它们，以便它们反映单击按钮时的值。否则，它们将始终为空字符串，因为它们仅在运行时进行计算

另外，我不建议直接分配给

onclick

，而是使用更现代的

addEventListener

var first=document.getElementById（“协作会话1”）；
var second=document.getElementById（“协作会话2”）；
var third=document.getElementById（“协作会话3”）；
var displayMessage=document.getElementById（“解决方案”）；
btnClick=document.getElementById（“calculateButton”）；
btnClick.addEventListener（'click'，function（）{
//在事件处理程序中赋值
var a=第一个值；
var b=第二个值；
var c=第三个值；
var delta=b*5；
displayMessage.innerHTML=“delta=”+delta；
});

算计
是的，真的很管用，谢谢兄弟