Question

我有一个JavaScript函数：

function SaskaitisanasFunkcija(){
var x = document.forms[0].elements[0].value;
var y = document.forms[0].elements[1].value;
var saskaitisana = parseFloat(x)+parseFloat(y);
document.forms[0].elements[6].value = saskaitisana;}

表格，包括：

<form>
Pirmais skaitlis: <input type="text"><br>
Otrais skaitlis: <input type="text"><br>
Matemātiskā darbība: 
<button onclick="SaskaitisanasFunkcija()">+</button>
<button onclick="AtnemsanasFunkcija()">-</button>
<button onclick="ReizinasanasFunkcija()">*</button>
<button onclick="DalisanasFunkcija()">/</button><br>
<b>Rezultāts</b><input type="text">
</form>

当我按下按钮时，其上附有“SaskaitisanasFunkcija（）”功能，结果显示在“Rezultāts”输入窗口（不知道如何以任何其他方式调用）和消失即刻。任何人都可以解释为什么会发生这种情况并给我一个如何解决问题的提示？

Answer 1

这是因为表单被提交并且页面重新加载，将参数type =“button”添加到按钮元素

<button type="button" onclick="SaskaitisanasFunkcija()">+</button>

并且单击时不再提交和重新加载表单

JS函数的结果显示并消失

1 个答案: