如何更改onclick功能以具有多个功能?

时间:2015-04-01 20:54:35

标签: javascript

我正在尝试更改按钮的onclick功能以删除一个功能并添加两个功能。这是我目前的代码

    var random;

    function number(){
        var random =Math.floor(Math.random()*Math.floor(Math.random()*20))

    }

function show(){
    var display = document.getElementById('number').innerHTML= random;
}

function start(){
    var random =Math.floor(Math.random()*Math.floor(Math.random()*20))
    var button = document.getElementById('button').innerHTML="I give up!!";
    var change = document.getElementById("button").onclick = show; number;
}

2 个答案:

答案 0 :(得分:1)

您需要为onclick分配一个匿名函数,并在其中包含这两个函数:

document.getElementById("button").onclick = function() {
    show();
    number(); 
};

答案 1 :(得分:1)

为您的按钮添加2个事件监听器

function start(){
    var random = Math.floor(Math.random()*Math.floor(Math.random()*20)),
        button = document.getElementById('button').innerHTML="I give up!!";
        changeButton = document.getElementById("button");

    changeButton.addEventListener('click', show);
    changeButton.addEventListener('click', number);
}