Андрей Федоров

Метод .style - задает css свойства и их значение. Соответственно нужно использовать css calc и кастомные свойства css в качестве переменной. При желании вы можете задать значение кастомных свойств через js.

Любые "+12%" - это синтаксический сахар, который вы можете реализовать своими методами в js.

Один из вариантов - сделать двойной клик - https://codepen.io/aliencash/pen/OJzpOEj

Например - https://codepen.io/aliencash/pen/wvPVmpQ?editors=1100

Можно без js...

body {
   animation: noscroll 3s forwards;
}
@keyframes noscroll {
   from {
      overflow: hidden;
      max-height: 100vh;
   }
   to {
      overflow: unset;
      max-height: unset;
   }
}

https://codepen.io/aliencash/pen/vYKopwa

Метод blur - https://learn.javascript.ru/focus-blur
Но лучше бы переделать всю эту кухню на добавление класса.

Собираете все ссылки в документе - document.querySelectorAll('a').
Сравниваете атрибут href у ссылок с document.location.href.
Там где есть совпадения меняете фон.

jq не забыли подключить? все работает https://codepen.io/aliencash/pen/NWPMQEp

https://codepen.io/aliencash/pen/vYERJRL

var x = "00000";
for (var i = 1; i <= 5; i++) {
   document.write(x.substr(5 - i) + "<br/>");
}

В принципе вам уже ответили, но вдруг кто у кого нет jq в проекте

<input type="text" onkeyup="this.value = this.value.replace(/[^\d]/g,'');">