如何把函数声明中的事件拿出来再调用这个函数

如何改写成

function NumTotal(){
    XXXX
}
XXX.onclick=NumTotal();
写成这种形式

下面是代码

function NumTotal(){
    var add=document.getElementsByTagName("a");
    var input=document.getElementsByName("number")
    var price=document.getElementsByClassName("price");
    var TotalPrice=document.getElementById("TotalPrice")
    for(var i=0;i<input.length;i++)
    {
        input[i].num=1;
        input[i].unitprice=0;
        input[i].sum=0
        for(var j=0;j<add.length;j++)
        {
            add[j].index=j    
            add[j].onclick=function()
            {        
                var sum=0;
                var Totalsum=0;
                input[this.index].value=input[this.index].num++
                input[this.index].unitprice=parseFloat(input[this.index].value*price[this.index].innerHTML)
                input[this.index].sum+=input[this.index].unitprice
                for(var i=0;i<input.length;i++){
                    Totalsum+=input[i].unitprice
                }
                TotalPrice.innerHTML=Totalsum.toFixed(1)
            }    
        }
    }
}
NumTotal()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="div1"></div>
    <script>
        var oDiv = document.getElementById('div1');

        oDiv.onclick = changeColor;

        function changeColor(){
            oDiv.style.backgroundColor = 'green';
        }
    </script>
</body>
</html>

【热门文章】