Question

HTML

<!DOCTYPE html>
<html>
<body>
  <p id="exp">Multiplication result</p>
  <button type="button" onclick="multiply()">Click me</button>
  <script src="demo.js"></script>
</body>
</html>

的JavaScript

function multiply() {
var x,y,z;
x=5;
y=10;
z=x*y;
var z=document.getElementById('exp').innerhtml;}

我无法找到脚本未运行的问题。另外两个文件都在同一个目录中。谢谢

Answer 1

我认为问题出在最后一行，你正在重新宣布＆＃34; z＆＃34;再次使用id =＆＃34; exp＆＃34;的值变量元件。如果要将操作的值分配给HTML元素，则应执行以下操作：

document.getElementById("exp").innerHTML = z;

Answer 2

我不确定你要做什么。但是Javascript正在运行。如果您尝试更改Html，则无法像这样更改它。

function multiply() {
  var x,y,z;
  x=5;
  y=10;
  z=x*y;
  console.log(z)
  var test = document.getElementById("exp").innerHTML; // check this
  console.log(test)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<body>
  <p id="exp">Multiplication result</p>
  <button type="button" onclick="multiply()">Click me</button>
  <script src="demo.js"></script>
</body>
</html>

Answer 3

如果你想要z的推送值到exp.U需要设置

document.getElementById('exp').innerhtml = z;

希望这个帮助

外部JavaScript不提供输出

3 个答案: