javascript - 我怎样才能让一个按钮做相反的多项事情

Question

barsButton.onclick = function xtranslate(){
    aside[0].style.transform = "translateX(0px)"
    stories.style.marginLeft = "0px";
}

如何单击按钮两次，以便下次将 x 转换为 250px ？

Answer 1

您可以使用变量并使用 Conditional (ternary) operator 更新其值:

var toTranslate = '0px';
barsButton.onclick = function xtranslate(){
  aside[0].style.transform = `translateX(${toTranslate})`;
  stories.style.marginLeft = "0px";
  toTranslate = toTranslate == '0px' ? '250px' : '0px';
}