javascript - JAVA SCRIPT冲突的问题

Question

我在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，是不是有冲突了？

Answer 1

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

Answer 2

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