Javascript um Header, Footer und Nav zu laden

notwendiges_laden.js

@@ -0,0 +1,47 @@
+document.getElementById("header").innerHTML = `
+    <h1 class='kopf' >
+        <br><br>
+        Bibliothek 
+        <a href='index.html' id='bildID'> 
+            <img id='CandleID' src='pictures/candle.png' 
+                alt='Bild von einer Kerze' width='200' height='192'/></a>
+        <br><br> 
+        Candle
+    </h1>  
+    <div> 
+        <a id='uberuns' href='uberuns.html'>Über Uns</a>
+        <a id='buecher' href='buecher.html'>Bücher</a> 
+        <a id='meinebuecher' href='anmelden_meinebuecher.php'>
+            Meine Bücher</a>
+        <a id='abmelden' href='abmelden.php'>Abmelden</a>
+        <form action='suchergebnisse.php'>
+            <input class='suchleiste' type='search' placeholder='Suche...'>
+            <button type='submit' id='buttonID' class='searchButton'>
+                <i class='fa fa-search'></i>
+            </button> 
+        </form>
+        <a id='erweitertesuche' href='erweitertesuche.html'>
+            Erweiterte Suche</a>
+        <a href='anmelden.php' id='warenKorbID'>
+            <img id='shoppingCard' src='pictures/einkaufswagen.png' 
+                alt='Bild von einem Wagen' width='50' height='50'/>
+        </a>
+    </div>`;
+
+document.getElementById("footer").innerHTML = `
+    <div> 
+        <a id="impressum" href="impressum.html">Impressum</a>
+        <a  id="kontakt" href="kontakt.html">Kontakt</a> 
+        <a  id="datenschutz" href="datenschutz.html">Datenschutz</a>
+    </div>`;
+
+document.getElementById("activeid").innerHTML = `
+    <div class="navLinks">
+        <input class="nav-toggleclass"id="nav-toggle" 
+            type="checkbox" onclick="openNav()";>
+        <label for="nav-toggle" class="icon-burger" >
+            <div class="line"></div>
+            <div class="line"></div>
+            <div class="line"></div>
+        </label>
+    </div>`;