Javascript 我的两个js函数分别工作，但不能一起工作_Javascript_Function_Button

Javascript 我的两个js函数分别工作，但不能一起工作

javascript function button

Javascript 我的两个js函数分别工作，但不能一起工作,javascript,function,button,Javascript,Function,Button,因此，我尝试创建一个函数来清除屏幕，并根据我按下的按钮向我发送警报。我可以在没有任何问题的情况下清除屏幕，也可以接收警报，但我似乎无法通过一个按钮同时实现这两个目标 <head> <script> function cleartext() { document.getElementById("text0").style.display = "none"; } function btnchecklist() {

因此，我尝试创建一个函数来清除屏幕，并根据我按下的按钮向我发送警报。我可以在没有任何问题的情况下清除屏幕，也可以接收警报，但我似乎无法通过一个按钮同时实现这两个目标

<head>
<script>
    function cleartext() {
        document.getElementById("text0").style.display = "none";
    }   

    function btnchecklist() {
        document.getElementById("btn1").onclick = function() {
            alert("hello1");
        }
        document.getElementById("btn2").onclick = function() {
            alert("hello2");
        }
        document.getElementById("btn3").onclick = function() {
            alert("hello3");
        }
    }       
</script>
</head>

<body>
    <div id="text0"> 
        <p> some text </p>
    </div>     

    <div id="btn-group">
        <button id="btn1" onclick="cleartext(); btnchecklist();"> 1 </button>
        <button id="btn2" onclick="cleartext(); btnchecklist();"> 2 </button>
        <button id="btn3" onclick="cleartext(); btnchecklist();"> 3 </button>    
    </div>    
</body>


函数cleartext（）{
document.getElementById（“text0”）.style.display=“无”；
}   
函数btnchecklist（）{
document.getElementById（“btn1”）.onclick=function（）{
警报（“hello1”）；
}
document.getElementById（“btn2”）.onclick=function（）{
警惕（“hello2”）；
}
document.getElementById（“btn3”）.onclick=function（）{
警惕（“hello3”）；
}
}       
一些文本
1.
2.
3.

最好使用此代码

将button元素传递给btnchecklist函数（this），在函数中获取传递的元素的id，并用相应的文本显示警报

函数明文（）{
document.getElementById（“text0”）.style.display=“无”；
}
功能BTN检查列表（元素）{
//元素的读取id
开关（标高id）{
案例“btn1”：
警报（“hello1”）；//元素id为btn1时的输出
打破
案例“btn2”：
警惕（“hello2”）；
打破
案例“btn3”：
警惕（“hello3”）；
打破
}
}


一些文本
1.
2.
3.

在下面检查我的答案这不是最好的解决方案，如果你向我解释你到底想做什么，我可能会提供一个更清晰的答案

因此，我尝试创建一个函数来清除屏幕，并根据我按下的按钮向我发送警报。我
可以在没有任何问题的情况下清除屏幕，也可以接收警报，但我似乎无法在一次按下时同时实现这两个目标
一个按钮。
函数cleartext（）{
document.getElementById（“text0”）.style.display=“无”；
}
window.onload=函数（）{
document.getElementById（“btn1”）.onclick=function（）{
警报（“hello1”）；
明文（）；
}
document.getElementById（“btn2”）.onclick=function（）{
警惕（“hello2”）；
明文（）；
}
document.getElementById（“btn3”）.onclick=function（）{
警惕（“hello3”）；
明文（）；
}
};  
一些文本
1.
2.
3.

不要使用逗号，请使用普通分号

onclick=“cleartext（）；btnchecklist（）；”

请注意，每次单击时都会重新绑定按钮，但第一次单击时不会出现警报。它将在以后的每次单击中发生……在第一次单击后，

alert（）

将被附加，但

cleartext（）

将消失。是否可以将这两个按钮附加到一个按钮上？我希望这两件事都能在按下一个按钮的情况下发生。我似乎也不能使这件事起作用。我正在使用mz btw，以防与此有关。