//constants const cMriz = '#', cLoad = 'load', cBackground = 'background', cInput = 'input', cMouseup = 'mouseup', cTouchend = 'touchend', cString = 'string', cRem = 'rem' //CSS const CSSpadding = 'PADDING', IDlabPadding = 'labPADDING' //items for LocalStorage const LSaltSearchPADDING = 'AltSearchPADDING' TypoInit() window.addEventListener(cLoad, onLoad) //CSS function cssSet(sName, sHodn, element = document.documentElement) { //set CSS --variable element.style.setProperty(`--${sName}`, sHodn) } //LOCALSTORAGE function LSread(item, s0 = null) { //read property from LocalStorage; use s0 if the property isn't in LS try { let s = localStorage.getItem(item) if (s == null) { //no item in LS s = s0 //use default value LSsave(item, s) //save default value to LS } return +s //return as number } catch (e) { return +s0 } } function LSsave(sItem, s) { //save to LocalStorage try { localStorage.setItem(sItem, s) } catch (e) { } } //ONLOAD function onLoad() { //oninput to progressbar const oProgress = x(CSSpadding), oLabel = x(IDlabPadding) oProgress.value = oLabel.textContent = LSread(LSaltSearchPADDING, 6) TypoProgressZmena(oProgress) oProgress.addEventListener(cInput, (event) => { TypoProgressZmena(event.target, true) }) oProgress.addEventListener(cMouseup, (event) => { TypoProgressZmena(event.target, true) }) oProgress.addEventListener(cTouchend, (event) => { TypoProgressZmena(event.target, true) }) } //TYPOGRAPHY function TypoInit() { //run still in const s = LSread(LSaltSearchPADDING, 6) //read from LocalStorage cssSet(CSSpadding, s + cRem) } function TypoMinus(but) { //