2017-10-19 12 views
0

画像ギャラリーの右上には、クリックすると画像が暗くなるオーバーレイが作成されます。私はそれをクリックするとオンとオフを切り替えることができるようにしたい。どうすればこれを達成できますか?画像ギャラリーdarkenボタン

これは私のコード

https://codepen.io/Modestas/pen/qPypXZ?editors=1010

btn.addEventListener("click",()=> { 
var btnClass = btn.getAttribute("class"); 
    if(btnClass === "dark") { 
    overlay.backgroundColor = "rgba(0,0,0,0.5)"; 
    btn.textContent = "Lighten"; 
    btn.setAttribute("class", "light"); 
    } else if (btn.className != "dark") { 
    overlay.backgroundColor = "rgba(0,0,0,0)"; 
    btn.textContent = "Darken"; 
    btn.setAttribute("class", "dark"); 
    } 
}) 

答えて

2

代わりのoverlay.backgroundColor =overlay.style.backgroundColor =

+0

はいhttps://codepen.io/anon/pen/XeOxxG?editors=1010を行うことです –