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

回答編集履歴

1

wn

2019/10/09 15:41

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -11,4 +11,16 @@
11
11
  document.getElementById("lower-a").onclick = function(){
12
12
  document.getElementById("lower-b").style.backgroundColor = 'green';
13
13
  }
14
+ ```
15
+
16
+
17
+ 白緑を切り替えたいならこんな感じ(分かり易さ重視で書いてあるのでもっとスマートにできるはずです)
18
+ ```JavaScript
19
+ document.getElementById("lower-a").onclick = function(){
20
+ if (document.getElementById("lower-b").style.backgroundColor == 'green') {
21
+ document.getElementById("lower-b").style.backgroundColor = 'white';
22
+ } else {
23
+ document.getElementById("lower-b").style.backgroundColor = 'green';
24
+ }
25
+ }
14
26
  ```