Изменение размера шрифта на JavaScript

$('#seek').change(function(){ 
	var a = $(this).val(); 
  $('#output_client_text').css({ 
  	'font-size': a+'px' 
  }) 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
 
<input id="seek" type="range" name="seekbar" step="3" min="8" max="24"> 
 
<h3 id="output_client_text">Ваш текст</h3>

както так

Например так:

var rng = document.getElementById('seek');
var text = document.getElementById('output_client_text');  
rng.addEventListener("input", 
  function() {            
    text.style.fontSize = rng.value + 'px'           
  });

Пример: https://jsfiddle.net/s4498wex/4/

1. Навешиваем обработчик события change на range.

2. В коллбэке изменяем стиль элемента.

   var range = document.querySelector("#seek"),
       h3 = document.querySelector("#output_client_text");
   range.addEventListener("change", function(event) {
       h3.style.fontSize = this.value + "px";
   });
   

Рабочий пример:

var range = document.querySelector("#seek"), 
    h3 = document.querySelector("#output_client_text"); 
 
range.addEventListener("change", function(event) { 
    h3.style.fontSize = this.value + "px"; 
});

<h3 id="output_client_text">Ваш текст</h3> 
 
<input id="seek" type="range" name="seekbar" step="3" min="8" max="24">

HTML

<input type="range" min="1" max="999" oninput="fontS(this.value);">
<div id="hz">текст</div>

JS

function fontS(val){
document.getElementById("hz").style.fontSize=val+"px";
}