在html页面中定位并显示javascript代码的结果

Question

我希望在从500px，550px的HTML表单中获取input之后显示我的JavaScript代码的结果。但是我的代码显示结果后，一旦提交字段消失，只提交按钮停留。我无法再次填写该字段并重新提交。

function showcalculatedcost() {
  var x = document.getElementById("form1");
  var y = x.elements["name"].value;
  alert(y);
  document.getElementById("form1").innerHTML = 95 * y;
  document.getElementById("form1").setAttribute("style", "position: absolute; top: 500px; left: 500px");
}

<form id="form1">
  Quantity:
  <input name="name" type="text" size="5">
</form>
<button onclick="showcalculatedcost()">Submit</button>

我希望提交字段留在那里。谢谢你的帮助。

Answer 1

  

提交字段消失，只提交按钮

那是因为输入在表单内部，而你的JS替换了表单的内部。

在某处放置div并替换其中的内部而不是更改表单。