Стилизация объектов через JavaScript

function styling() { 
  var fsize = document.getElementById('mySize').value; // принимаем значение инпута 
  document.getElementById('myText').style.fontSize = fsize + "pt"; // применяем значение с инпута(переменной) для стилизации текста 
}

<p id="myText"> hello world </p> 
<input type="number" id="mySize" value="18" min="8" max="28"> 
<input type="submit" onclick="styling()">

const styling = () => { 
  const fsize = document.getElementById('value').value; 
  const text = document.getElementById('myText'); 
  text.style.fontSize = fsize + 'px'; 
}

<p id="myText">hello world </p> 
<input id="value" type="number" value="18" min="8" max="28"> 
<input type="submit" onclick="styling()">