HTML 上的一个按钮有两个操作

问题描述 投票:0回答:1

我在 HTML 中制作了一个按钮,当我单击它时,第一个操作起作用,但第二个操作不起作用。我想要相同的按钮在第二次单击后用新文本替换文本。

<body>
        <button onclick=dosomething(); onclick=dosomething2() style="background-color:
        aquamarine;color:purple;
        font-size:40px;border-radius:100px;">Click Me!</button>

        <p style="color:red;font-size:80px;" id="test"></p>
        <script>
            function dosomething(){
                document.getElementById("test").innerHTML = "Why did you do what it said >:("
            }
        </script>
        <script>
            function dosomething2(){
                document.getElementById("test").innerHTML = "Stop it >:("
            }
        </script>
</body>
javascript html button
1个回答
0
投票

您可以通过创建 1 个包含您需要在其中运行的所有函数的函数,从一个按钮运行 2 个操作。您可以像这样修改您的代码:

<body>
    <button onclick=doEverything();style="background-color:
    aquamarine;color:purple;
    font-size:40px;border-radius:100px;">Click Me!</button>

    <p style="color:red;font-size:80px;" id="test"></p>
    <script>
        function dosomething(){
            document.getElementById("test").innerHTML = "Why did you do what it said >:("
        }
        function dosomething2(){
            document.getElementById("test").innerHTML = "Stop it >:("
        }
       function doEverything(){
   dosomething();
   dosomething2();
  }
    </script>
© www.soinside.com 2019 - 2024. All rights reserved.