update data atttribute on button

p0wen · Sep 28, 2020 · be6b6b4 · be6b6b4
1 parent b836437
commit be6b6b4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/assets/js/scripts/app.js b/assets/js/scripts/app.js
@@ -407,7 +407,7 @@ function changeBackground() {
   let bgimage = "";
   changeBackgroundBTN.forEach((option) => {
     option.addEventListener("click", function () {
-      bgimage = this.getAttribute("bg-img");
+      bgimage = this.getAttribute("data-bg");
       if (bgimage == "morning") {
         // Use Morning Background
         document.getElementById("myDiv").style.backgroundImage =

diff --git a/index.html b/index.html
@@ -245,7 +245,7 @@ <h5>Background</h5>
                     <button
                       type="button"
                       class="btng"
-                      bg-img="morning"
+                      data-bg="morning"
                       aria-label="Morning Background"
                     >
                       <i class="fas fa-sun" aria-hidden="true"></i>
@@ -258,7 +258,7 @@ <h5>Background</h5>
                     <button
                       type="button"
                       class="btng"
-                      bg-img="afternoon"
+                      data-bg="afternoon"
                       aria-label="Afternoon Background"
                     >
                       <i class="fas fa-moon" aria-hidden="true"></i>
@@ -271,7 +271,7 @@ <h5>Background</h5>
                     <button
                       type="button"
                       class="btng"
-                      bg-img="random"
+                      data-bg="random"
                       aria-label="Random Background"
                     >
                       <i class="fas fa-random" aria-hidden="true"></i>