試行錯誤ページ626、クラスによってjsを変える5


並び替えクイズ




//bubudoufu.com/narabekaequiz/
bodyの背景色を変えても、リゾートあつしの紹介のところの文字色がピンクになるだけ


6語と5語でjsをかえる→同時に表示できない
※liの項目数を変えないとだめ
※上にあるwordssixは基本的に表示される
※mondaibunwords●をいじるとwordsfiveの選択肢だけ表示された(1回だけなのでバグ?)
※6words,5wordsそれぞれのjsはうまくいっているが、まとめると下が表示されない

://www.javadrive.jp/javascript/dom/index7.html

ゲームを始める
選択肢が出てきます。問題文の通りに並べ替えてください。
クリックするとスタートします

class wordssixここから(細字)

 spanclass

↓answer-area

1
2
3
4
5
6

↓select-area

1
2
3
4
5
6

 

↓btn オンクリックでshowQuestion()

class wordssixここまで(太字になる)

class wordsfiveここから(細字)

 spanclass

↓answer-areawordsfive

1
2
3
4
5

↓select-areawordsfive

1
2
3
4
5

 

↓btn オンクリックでshowQuestionwordsfive()

class wordsfiveここまで(太字になる)

ここまでがかくれている

↓6語のnext ボタン (最初は見えない)

 

↓5語のnext ボタン (最初は見えない)

 

//↓これがbody内にないと隠れていなければならないところが見えてしまう

//↑これがbody内にないと隠れていなければならないところが見えてしまう