blob: 9b632df78f23719ccf7c7e3453a358bb1d0de46b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
const widthBtn = document.getElementById('changeWidthBtn');
const widthLabel = widthBtn.childNodes[0];
const articleElem = document.getElementsByTagName('article')[0];
if (localStorage.getItem('width') === 'wide') {
widthLabel.innerText = 'Narrow';
articleElem.classList.add('noMaxWidth');
}
widthBtn.onclick = function() {
articleElem.classList.toggle('noMaxWidth');
if (localStorage.getItem('width') !== 'norm') {
widthLabel.innerText = 'Wide';
localStorage.setItem('width', 'norm');
}
else {
widthLabel.innerText = 'Narrow';
localStorage.setItem('width', 'wide');
}
}
|
