在javascript中单击按钮时切换函数_Javascript_Switch Statement

在javascript中单击按钮时切换函数

javascript

在javascript中单击按钮时切换函数,javascript,switch-statement,Javascript,Switch Statement,我想在javascript中单击按钮“historyBtn”时切换函数。代码如下： const expr = ''; var history = "document.getElementById('historyBtn'). clicked == true"; switch (expr) { case history: allMessage(); break; d

我想在javascript中单击按钮“historyBtn”时切换函数。代码如下：

const expr = '';
        var history = "document.getElementById('historyBtn'). clicked == true";
        switch (expr) {
        case history:
            allMessage();
            break;
        default:
            limit_message();
        }

但是，当我单击“historyBtn”按钮时，我无法将函数limit_message（）切换为allMessage（）

编辑：

在这种情况下，我希望为默认函数运行函数“limit\u message”，然后在我单击“historyBtn”时将该函数切换为allMessage尝试此操作，首先获取按钮元素，然后分配一个eventListener并记录单击事件：

let history=document.getElementById（'historyBtn'）；
历史记录。addEventListener（'click'，函数（e）{
控制台日志（e）
})

函数hello（故事）{
如果（故事）{
console.log（“历史记录”）
}否则{
控制台日志（“限制”）
}
}

历史
限制


文件
历史
window.onload=limit_message（）；
函数allMessage（）{
警报（'在所有消息中-historyBtn已单击！'）；
}
函数限制\u消息（）{
警报（“限制信息-加载”）；
}

不清楚该代码应该做什么……谢谢你，它对我有用，非常欢迎你！

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

    
    <body>
        <button id = "historyBtn" onclick="allMessage()">History</button>
    </body>
    <script>
        window.onload = limit_message();
        function allMessage (){
            alert ('In all messages - historyBtn clicked!');
        }
        
        function limit_message (){
            alert ('limit_message - onload');
        }
            
    </script>
</html>