JAVA SCRIPT冲突的问题

blurfun
  • 30

我在HTML里写了一个简单的JS程序,就是计算几个表单的总和。

<script>
  function myFunction() {
    var y = document.querySelector('input[name="mum1"]:checked').value;  
    var z = document.querySelector('input[name="num2"]:checked').value;
    var x = +y + +z;
    document.getElementById("total").innerHTML = x;
  }
</script>

<button onclick="myFunction()">Try it</button>

单独运行没有任何问题,但当我把这个代码放到WORDPRESS里的PAGE里面时,就无法运行了。
出错的信息是

Uncaught SyntaxError: Unexpected token 
Uncaught ReferenceError: myFunction is not defined

我估计是WORDPRESS转载了其它的几个JS,是不是有冲突了?

回复
阅读 2.5k
2 个回答

Uncaught SyntaxError: Unexpected token
这个错误是语法错误,可能是 var x = +y + +z; 这句引起的,改成 var x = Number(y) + Number(z);

Uncaught ReferenceError: myFunction is not defined
应该是变量作用域问题,绑定事件比较好的做法是标签上定义id,在js中通过id绑定click事件:
document.getElementById(id).addEventListener('click', myFunction);

单凭这样,觉得看不出什么来吧。我觉得,你可以试着把上面的函数写成一个简单的,打印一条日志信息的函数,看看是ok的吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏