+20
src/index.ts
+20
src/index.ts
···
11
11
el.classList.add('active');
12
12
}
13
13
};
14
+
15
+
window.onhashchange = (event: HashChangeEvent) => {
16
+
const oldHash = event.oldURL.substr(event.oldURL.indexOf('#') + 1);
17
+
const newHash = event.newURL.substr(event.newURL.indexOf('#') + 1);
18
+
const oldEl: HTMLElement | null = document.getElementById(oldHash + '-page');
19
+
20
+
if (oldEl === null) {
21
+
document.getElementById('home-page')!.classList.remove('active');
22
+
} else {
23
+
oldEl.classList.remove('active');
24
+
}
25
+
26
+
const el: HTMLElement | null = document.getElementById(newHash + '-page');
27
+
28
+
if (el === null) {
29
+
document.getElementById('home-page')!.classList.add('active');
30
+
} else {
31
+
el.classList.add('active');
32
+
}
33
+
};