teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

初心者マークを追加

2020/01/05 13:01

投稿

beginner_2019
beginner_2019

スコア6

title CHANGED
File without changes
body CHANGED
@@ -19,7 +19,7 @@
19
19
  ```JavaScript
20
20
  window.onload = function(){
21
21
  var element = document.getElementsByClassName('slider_element');
22
- var slide_button = document.getElementsByClassName('slider_button');
22
+ var slide_button = document.getElementsByClassName('slider_button')
23
23
  let count = 0;
24
24
 
25
25
  function change(){

1

質問内容の追加

2020/01/05 13:00

投稿

beginner_2019
beginner_2019

スコア6

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,19 @@
2
2
  JavaScriptを使ったスライドの作成。
3
3
  丸ボタンを押したときに任意のスライドに変更するために、押されたボタンのslide_button[i]のiを取得する方法を知りたい。
4
4
  また、代替案またはアドバイスをいただきたい。
5
+
6
+ 丸ボタンを押したときにslide_button[i]のiを取得して、
7
+ ```JavaScript
8
+ slide_button[i].addEventListener('click',function(){)
9
+ var b = count;
10
+ count = i;
11
+ element[b].classList.remove('slider_change');
12
+ slide_button[b].classList.remove('button_change');
13
+ element[count].classList.add('slider_change');
14
+ slide_button[count].classList.add('button_change');
15
+ });
16
+ ```
17
+ 上記で丸ボタンを押したときに、任意の色にスライドを変更をしようと考えています。
5
18
  ### 該当のソースコード
6
19
  ```JavaScript
7
20
  window.onload = function(){