Question

我正在尝试将圆柱计算器的表面区域作为初学者项目。到目前为止，我只使用JavaScript来制作它并且工作正常。

＆＃13;

var radius = prompt("What is the radius?");
var height = prompt("What is the height?");

var answer = 6.28*radius*radius+6.28*radius*height;

alert(answer);

＆＃13;

我使用prompt来获取变量，但有没有办法使用HTML <input>代码而不是prompt？

Answer 1

在html中创建两个文本框并添加一个按钮。

单击按钮，调用javaScript函数，该函数将获取文本框的值并计算音量。

与Add two numbers and display result in textbox with Javascript类似

据我所知，从代码中可以看出，而不是Java。

Answer 2

用HTML和javascript做。构建一个表单，然后使用这些值。在HTML正文中：

<form id="area-calculate" onsubmit="calculate()">
  radius: <input type="text" id="input1" placeholder="radius">
  height: <input type="text" id="input2" placeholder="height">
  <input type="submit" value="calculate">
</form>
<div id="answerPlaceHolder"></div>
<script>
  function calculate(){
    var radius = document.getElementById("input1").value;
    var height = document.getElementById("input2").value;
    var answer = 6.28*radius*radius+6.28*radius*height;
    document.getElementById("answerPlaceHolder").innerHTML = "the answer is: "+answer;
  }
</script>

Answer 3

使用

为输入创建两个文本字段

>>> type(my_fn.property) is type(my_fn.property)
True
>>> my_fn.property is my_fn.property
False

使用JavaScript调用函数并在里面执行

<input type=“text” id=“tf1”>
<input type=“text” id=“tf2”>

现在变量v1和v2具有文本框的值

请记住在其他函数中调用JavaScript 加载页面后立即显示空值。（使用按钮点击按钮）

Answer 4

首先，在html中创建一个简单的表单。 onkeyup="calculate()部分表示每当onkeyup事件发生时，它都会在javascript中触发calculate()个函数。

然后，用javascript（不是java！），我们计算。查看代码上的注释：

＆＃13;

function calculate(){
var radius = document.getElementById("radius").value; //we get the radius
var height = document.getElementById("height").value; //we get the height

var answer = 6.28*radius*radius+6.28*radius*height; //same line you used before
document.getElementById("answer").innerHTML = answer; //we print the answer
}

＆＃13;

<p>Radius:</p><input id="radius" type="number" onkeyup="calculate()">
<p>Height:</p><input id="height" type="number" onkeyup="calculate()">
<p>Answer:</p><p id="answer">

＆＃13;

如何从<input />而不是提示中获取值？

4 个答案: