for文を用いたループ処理

実現したいこと

for文を用いて全ての要素に同じ動作を指定したい。

###質問の詳細
現在javascriptを用いて、switchするボタンを作成しています。
全ての要素に同じ動作を指定するため、for文を用いて以下のループ処理を行いました。その結果、全ての要素に同じ動きを指定することはできたのですが、一つの要素を押すたびに残りの要素も同時に動いてしまうという問題が発生してしまいました。
別々のタイミングで同じ動作を指定するにはどのように実装したらよろしいでしょうか。

該当のソースコード

var switcher = document.getElementsByClassName('switcher')

function leftClick() {
for(var i=0;i<switcher.length;i++){
switcher[i].style.left=0
}
}

function rightClick() {
for(var i=0;i<switcher.length;i++){
switcher[i].style.left=85px
}
}

コメントを投稿

0 コメント