我制作了这个可变字体，我想在一个网站上实现它，当用户键入时，每个字母的字体权重都会增加。 我现在有这段代码，它会随着键入的整个文本而增长，但是所有的东西都改变了，而不是每个字母（所以我需要代码做的是说，对于每个按键事件，字体重量会改变，但不是整个文本，所以键入的第一个字母会有较小的字体重量，并保持不变，但是后面的字母会增加字体重量）。

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

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

<script>
   document.getElementById("testarea").onkeypress = function () { 
   myFunction() }
   document.getElementById("testarea").addEventListener("input", myFunction);
   var initWeight = 101;
   function myFunction() {
      document.getElementById("testarea").style.fontWeight = initWeight++ ;
   }
   function myFunction2() {
      document.getElementById("testarea").style.fontWeight = "101";
   }


   function myFunction2() {
      document.getElementById("testarea").style.fontWeight = "101";
   }
</script>