У меня есть этот изменяемый шрифт, который я сделал, и я хочу реализовать его на веб-сайте, где, когда пользователь вводит, вес шрифта для каждой буквы растет. У меня есть этот код прямо сейчас, он растет для всего набранного текста, но там меняется все, а не каждая буква (поэтому мне нужен код, чтобы сказать, что для каждого события нажатия клавиши изменяется вес шрифта, но не весь текст, поэтому первая набранная буква будет иметь меньший размер шрифта и останется прежней, но следующие буквы будут увеличиваться в размере шрифта).
<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>