Question

我创建了一个简单的代码，可以通过使用半径（A = pi r2）来计算圆的面积，但我想改变半径的值＃39;在浏览器上插入一个数字，例如插入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;
};

Answer 1

您需要添加onclick侦听器。您可以使用js或html事件。如果你想用html事件做;在您的按钮元素上添加onclick="runScript()"。然后定义一个元素放置半径输入的元素和一个放置输出的位置：

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

在你的runScript（）中这样做;

var radius = document.getElementById("my-input").value;

此外，移动文件开头的use strict，而不是函数内部。最终版本应该是这样的：

'use strict';
function runScript() {
    var radius = document.getElementById("my-input").value;
    var result = (Math.pow(radius, 2) * Math.PI);
    document.getElementById('result').innerHTML = result;
};

不要忘记将您的javascript源包含在html页面中。

Answer 2

＆＃13;

var radius = document.getElementById("radius").value;

＆＃13;

<input type="text" id="radius" placeholder="radius">

＆＃13;

使用输入类型，您将从用户获得半径然后在JScript中使用var radius

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

2 个答案: