如何将onclick函数更改为具有多个功能？

Question

我正在尝试更改按钮的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;
}

Answer 1

您需要为onclick分配一个匿名函数，并在其中包括两个函数：

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

Answer 2

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