Java изменение веса скрипта при наборе текста

Question

Здравствуйте, я создал переменный шрифт и хочу сделать его пригодным для использования таким образом, чтобы при вводе текста на веб-сайте он постепенно увеличивал свой вес. с кодом, который у меня есть прямо сейчас, он только перескакивает на полный вес и не ниже go на всех остальных этапах, и я как бы не знаю, как это исправить, так как я новичок в сценарии java и программирование. Заранее спасибо !!!

<p id="testarea" contentEditable="true">
Type your text here
</p>


<button type="button" onclick="myFunction2()">uncensour</button>

<script>



document.getElementById("testarea").onchange = function() {myFunction()}
document.getElementById("testarea").addEventListener("input", myFunction)
function myFunction() {
  document.getElementById("testarea").style.fontWeight = "900";
}
function myFunction2() {
  document.getElementById("testarea").style.fontWeight = "101";
}

</script>

Answer 1

Пожалуйста, попробуйте следующий код,

document.getElementById("testarea").onchange = function() {myFunction()}
document.getElementById("testarea").addEventListener("input", myFunction)
function myFunction() {
  document.getElementById("testarea").style.fontWeight = "900";
}
function myFunction2() {
  document.getElementById("testarea").style.fontWeight = "101";
}

<input type="textarea" id="testarea" contentEditable="true">
<button type="button" onclick="myFunction2()">uncensour</button>