path: root / src / scripts / page-width.js


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

const widthBtn = document.getElementById('changeWidthBtn');
const articleElem = document.getElementsByTagName('article')[0];

if (localStorage.getItem('width') === 'wide') {
	widthBtn.innerHTML = 'Narrow<br>article';
	articleElem.classList.add('noMaxWidth');
}

widthBtn.onclick = function() {
	articleElem.classList.toggle('noMaxWidth');

	if (localStorage.getItem('width') !== 'norm') {
		widthBtn.innerHTML = 'Wide<br>article';
		localStorage.setItem('width', 'norm');
	}
	else {
		widthBtn.innerHTML = 'Narrow<br>article';
		localStorage.setItem('width', 'wide');
	}
}