外部JavaScript没有提供输出

问题描述 投票:-3回答:3

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;}

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

javascript html
3个回答
0
投票

我认为问题出在最后一行,你再次使用id =“exp”元素的值重新声明“z”变量。如果要将操作的值分配给HTML元素,则应执行以下操作:

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

0
投票

我不确定你要做什么。但是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>

0
投票

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

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

希望这有帮助

© www.soinside.com 2019 - 2024. All rights reserved.