javascript - 一个 HTML 按钮可连续调用 3 个功能

Question

我是 Javascript 编程新手，需要一些帮助。

我有一个 HTML 按钮，我想调用 3 个函数。
第一次单击按钮时，我想调用函数 1。
下次单击按钮时，我想调用函数 2。
第三次单击按钮时，我想调用函数 3。

我想我可以使用if测试。
i++单击按钮时，
if ( i == 1){ function1(); } .....

HTML

<button type="button" onclick="myFunction()">Hei</button>

Javascript

if(i == 1){
  test1();
}

if(i == 2){
  test2();
}

if(i == 3){
  test3();
}

function test1() {
  document.getElementById("print1").innerHTML = "test1"; 
}

function test2() {
  document.getElementById("print2").innerHTML = "test2";
}

function test3() {
  document.getElementById("print3").innerHTML = "test3";
}

这只是为了测试/练习，所以代码没有意义

但我认为必须有另一种方法。

Answer 1

试试这个:

<button onclick="myFun(i)"></button>

在 JavaScript 中，

function myFun(i) {
    (i===0 && function1()) || (i===1 && function2()) || function3();
}