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

if (localStorage.getItem('width') === 'wide') {
	widthBtn.src = '/img/viewport-narrow.svg';
	articleElem.classList.add('noMaxWidth');
}

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

	if (localStorage.getItem('width') !== 'norm') {
		widthBtn.src = '/img/viewport-wide.svg';
		localStorage.setItem('width', 'norm');
	}
	else {
		widthBtn.src = '/img/viewport-narrow.svg';
		localStorage.setItem('width', 'wide');
	}
}