src/js/header.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

let header = document.querySelector('[header]');
let newElement = document.createElement('div');
let page = header.getAttribute('page');

// console.log(page);
newElement.innerHTML = `
<!-- header -->
<header id="navBarHeader">
    <nav class="navBar">
        <div class="left">
            <a id="btnHome" href="/">Home<span></span></span></a>
        </div>
        <div class="right">
            <a href="/pages/repo/github/repos.html" id="btnGhRepo">Github Repos</a>
            <a href="/pages/info/about.html" id="btnAbout">About</a>
        </div>
    </nav> 
</header>
`;

header.appendChild(newElement);
document.getElementById("btn"+page).setAttribute('class', 'active');