前提
javascriptの課題でボタンをクリックすると背景色が変わるコードを作っています。
functionを1つにまとめなくてはいけないのですが、まとめ方が分かりません。
実現したいこと
該当のソースコード
jabascript
ソースコード ```'use strict' const obj = { red:'#FF0000', blue:'#0000FF', yellow:'#FFFF00' } const btnRed = document.querySelector("#red"); const btnBlue = document.querySelector("#blue"); const btnYellow = document.querySelector("#Yellow"); red.addEventListener('click', changecolor1) blue.addEventListener('click', changecolor2) yellow.addEventListener('click', changecolor3) function changecolor1(event){ const elm = document.querySelector('body'); elm.style.backgroundColor = obj.red; } function changecolor2(){ const elm = document.querySelector('body'); elm.style.backgroundColor = obj.blue; } function changecolor3(){ const elm = document.querySelector('body'); elm.style.backgroundColor = obj.yellow; } HTML <body> <button id="red">Red</button> <button id="blue">Blue</button> <button id="yellow">Yellow</button> </body>
0 コメント