在页面上输入数字时，如何更改JavaScript中的var值？

我已经创建了一个简单的代码，可以通过使用半径（a=pi r2）来计算圆的面积，但我想通过在浏览器上插入一个数字来更改“半径”的值，例如插入9并单击梯段以显示结果。这是JS代码：

document.getElementById('myButton').onclick = function runScript() {
'use strict';
    var radius = 4;
    var result = (Math.pow(radius, 2) * Math.PI);
    document.getElementById('result').innerHTML = result;
};

---

您需要添加onclick侦听器。您可以使用js或html事件。如果你想用html事件来做；在按钮元素上添加

onclick=“runScript（）”

。然后定义一个放置半径输入的元素和一个放置输出的元素：

<input type="number" id="my-input" />
<button id="myButton" onclick="runScript()"></button>
<div id="result"></div>

不要忘记将javascript源代码包含到html页面中。

var radius=document.getElementById（“radius”）.value
将use strict放在顶部。它不进入函数内部（afaik）。使用不同的输入，如范围输入。好的，而不是
var radius=4
do
var radius=document.getElementById（“myInput”）.value
并确保您的HTML中有ID为
myInput
的输入。将
'use strict'
放入全局范围（afaik）@evolutionxbox感谢您提供的信息
getElementById
应该是
文档。getElementById
。请在发布答案之前运行您的代码片段。
'use strict';
function runScript() {
    var radius = document.getElementById("my-input").value;
    var result = (Math.pow(radius, 2) * Math.PI);
    document.getElementById('result').innerHTML = result;
};