Javascript 如何从<；输入>；而不是提示？

我正在尝试做一个圆柱体的表面积计算器作为一个初学者项目。到目前为止，我只使用JavaScript来实现它，而且效果很好

var radius=prompt（“半径是多少？”）；
var height=提示（“高度是多少？”）；
var answer=6.28*半径*半径+6.28*半径*高度；
警惕（回答）在html中创建两个文本框并添加一个按钮

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

近似

据我从代码中了解，您正在使用JavaScript，而不是Java。
使用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>


半径：
高度：
函数计算（）{
var radius=document.getElementById（“input1”）.value；
var height=document.getElementById（“input2”）.value；
var answer=6.28*半径*半径+6.28*半径*高度；
document.getElementById（“answerPlaceHolder”）.innerHTML=“答案是：”+答案；
}
使用

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

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

记住在函数内部调用JavaScript，否则它将得到
加载页面后立即清空值。（在按钮上使用onclick）

首先，用html创建一个简单的表单。
onkeyup=“calculate（）
部分表示每当
onkeyup
事件发生时，它在javascript中启动
calculate（）
函数

然后，使用javascript（而不是java！）进行计算。查看代码上的注释：


函数计算（）{
var radius=document.getElementById（“radius”）.value；//我们得到半径
var height=document.getElementById（“height”）.value；//我们得到高度
var answer=6.28*radius*radius+6.28*radius*height；//与您以前使用的行相同
document.getElementById（“answer”）.innerHTML=answer；//我们打印答案
}
半径：

高度：

答案：
您需要了解DOM API和事件。Java对javascript的可能复制就像Ham对仓鼠一样。
var v1=document.getElementById(“tf1”).value
var v2=document.getElementById(“tf2”).value