JavaScriptコードの結果をHTMLページで表示します

Question

inputをHTMLフォームから500px、550pxにして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をどこかに置き、フォームを変更する代わりにdivを入れ替えます。