Change Background

Code Example

    <style>
     <div id="dynamic">
      <button onclick="bgPeriodic()">Background 1</button>
      <button onclick="bgPorsche()">Background 2</button>
      <button onclick="bgIllustration()">Background 3</button>
      <button onclick="bgClear()">Remove Background</button>

      <script>
       function bgPeriodic() {
         let headingID = document.getElementById("dynamic");
         headingID.style.backgroundImage = "url('../images/bg-chemistry-lab.png')";
       }

       function bgPorsche() {
         let headingID = document.getElementById("dynamic");
         headingID.style.backgroundImage = "url('../images/bg-porsche-gt3.png')";
       }

       function bgIllustration() {
         let headingID = document.getElementById("dynamic");
         headingID.style.backgroundImage = "url('../images/bg-r1.png')";
       }

       function bgClear() {
         let headingID = document.getElementById("dynamic");
         headingID.style.background = "transparent";
        }
      </script>
     </div>
    </style>