Georgian,
заменить скрипт и атрибуты input(срока 63), установить максимальное увеличение строка 33.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.wrapper-site h2{
font-size: 22px;
margin: 5px 0;
padding: 5px 0;
}
.wrapper-site p{
font-size: 14px;
margin: 5px 0;
padding: 5px 0;
}
.other h2{
font-size: 22px;
margin: 5px 0;
padding: 5px 0;
}
.other p{
font-size: 14px;
margin: 5px 0;
padding: 5px 0;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var elem = document.getElementById('impaired');
var max = 5; //максимальное увеличение в разы
elem.setAttribute("max", max);
var timer;
function changefontSize() {
var treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
while (treeWalker.nextNode()) {
var el = treeWalker.currentNode;
var parent = el.parentNode;
var fontSize = parent.dataset.fontSize;
if (!fontSize) {
var computedStyle = getComputedStyle(parent)
fontSize = computedStyle["font-size"];
fontSize = parseInt(fontSize, 10);
parent.dataset.fontSize = fontSize;
}
fontSize = Math.floor(fontSize * elem.value);
fontSize = elem.value == 1 ? `` : `${fontSize}px`;
parent.style.fontSize = fontSize
}
}
elem.addEventListener("input", function() {
clearTimeout(timer);
timer = setTimeout(changefontSize, 80);
});
});
</script>
</head>
<body>
<input id="impaired" type="range" step=".1" min="1" value="1"><br><hr>
<div class="wrapper-site">
<h2>Георгий</h2>
<p>Анастасия</p>
<div class="other">
<h2>Мария</h2>
<p>Елена</p>
</div>
</div></body>
</html>