老师，我想问下我这样写的话，四个运算函数为什么报错？

 <div id="calculator">
        <input id="num1" type="text" ></input>
        <span id="calcu">-</span>
        <input id="num2" type="text" ></input>
        <span>=</span>
        <span id="result">3</span>
    </div>
    <button id="add">+</button>
    <button id="subtract">-</button>
    <button id="multipy">*</button>
    <button id="devide">÷</button>

<script type="text/javascript">
  function idName(obj){
        return document.getElementById(obj)
  };

  var add=idName("add"),
      subtract=idName("subtract"),
      multipy=idName("multipy"),
      devide=idName("devide"),
      calcu=idName("calcu"),
      result=idName("result")
      console.log(result)
      function add(n,m){
           return parseInt(n)+parseInt(m);
      }
      function subtract(n,m){
             return parseInt(n)-parseInt(m);
      }
      function multipy(n,m){
             return parseInt(n)*parseInt(m);
      }
      function devide(n,m){
             return parseInt(n)/parseInt(m);
      }
  function caculate(n,m,calcu){
       if(calcu=="+"){
             return add(n,m)
       }else if(calcu=="-"){
          return subtract(n,m)
       }else if(calcu=="*"){
             return multipy(n,m)
       }else if(calcu=="÷"){
             return  devide(n,m)
       }else{
             return "error";
       }
  };

 add.onclick=function(){
      var num1=idName("num1").value,
          num2=idName("num2").value
     console.log("+");
     result.innerHTML=caculate(num1,num2,this.innerHTML);
     calcu.innerHTML=this.innerHTML;
     console.log(caculate(num1,num2,this.innerHTML));
 };
 //console.log(add.onclick)
 multipy.onclick=function(){
     var num1=idName("num1").value,
        num2=idName("num2").value
     console.log("-");
     result.innerHTML=caculate(num1,num2,this.innerHTML)
     calcu.innerHTML=this.innerHTML;
 };
 subtract.onclick=function(){
     var num1=idName("num1").value,
        num2=idName("num2").value
     console.log("*");
     result.innerHTML=caculate(num1,num2,this.innerHTML)
     calcu.innerHTML=this.innerHTML;
 };
 devide.onclick=function(){
     var num1=idName("num1").value,
        num2=idName("num2").value
     console.log("÷");
     result.innerHTML=caculate(num1,num2,this.innerHTML)
     calcu.innerHTML=this.innerHTML;
 };
</script>

我写的加减乘除四个是全局函数，为什么在caculate()里面执行时，报错啊？