如何使一个 if 语句在另一个 if 语句运行并再次单击按钮后运行？

Question

我尝试过创建 if 语句来激活其他 if 语句，但它们只是同时运行它们。我也尝试过 else if 语句，但这似乎不起作用...那么我将如何制作一个 if 语句，该语句在运行过去的 if 语句并再次按下按钮后激活。我希望这对你们来说有意义。我们将不胜感激。 :)

let One = true
let Two = false
let Three = false
function right() {
if(One === true){
if(Two === false){
document.getElementById("2").innerHTML = 1
 document.getElementById("1").innerHTML = ''
 Two = true
  One = false
  } else {
  if (Three === false) {
   document.getElementById("3").innerHTML = 1
   document.getElementById("2").innerHTML = ''
  Three = true
   Two = false
    }}}}

Answer 1

 let state = 1;

function right() {
  if (state === 1) {
    document.getElementById("2").innerHTML = 1;
    document.getElementById("1").innerHTML = '';
    state = 2;
  } else if (state === 2) {
    document.getElementById("3").innerHTML = 1;
    document.getElementById("2").innerHTML = '';
    state = 3;
  } else if (state === 3) {
    document.getElementById("1").innerHTML = 1;
    document.getElementById("3").innerHTML = '';
    state = 1;
  }
}

状态变量跟踪当前状态。每次调用正确的函数时，它都会检查状态值并相应地更新元素。然后状态变量会更新为下一个状态，以便下一个 if 语句将在下一个按钮单击时运行。