Question

在这个简单的程序中，脚本不会写结果id="result"只是闪烁结果值。任何人都可以看看并说明为什么会出现这种行为？我做错了什么？

＆＃13;

function multiplication() {
  var product,
    no1 = document.getElementById('no1').value,
    no2 = document.getElementById('no2').value;

  product = no1 * no2;
  document.getElementById("result").innerHTML = product;
}

function division() {
  var divis,
    no1 = document.getElementById('no1').value,
    no2 = document.getElementById('no2').value;

  divis = no1 / no2;
  document.getElementById("result").innerHTML = divis;
}

＆＃13;

 <h2>Write a JavaScript program to calculate multiplication and division of two numbers ?</h2>
<h3>Sample Form</h3>
<form name="sample" method="POST">
  1st Number:
  <input type="text" id="no1" name="firstno" />&nbsp;&nbsp;&nbsp;&nbsp; 2nd Number:
  <input type="text" id="no2" name="secondno" />
  <button id="mul" onclick="multiplication();">Multiply</button>
  <button id="div" onclick="division();">Division</button>
</form>
<p id="result"></p>

＆＃13;

Answer 1

点击提交按钮
JavaScript运行
表单已提交
已加载新页面

新页面没有旧页面上的DOM更改。

要么阻止提交按钮的默认行为，要么将事件处理程序绑定到另一种控件。

Answer 2

您的JS正在运行，但当用户点击提交按钮时，表单也会提交，因为这是默认操作。

阻止表单提交。

<form onsubmit="event.preventDefault();" name="sample" method="POST">

Answer 3

<button type="button" id="mul" onclick="multiplication();">Multiply</button>
<button  type="button" id="div" onclick="division();">Division</button>

这可能会对你有帮助。

Javascript不会编写元素的innerHTML但闪烁结果？

3 个答案: