JavaScript テキストエリア（textarea）の入力イベントを実装するサンプル
環境
Google Chrome 111.0.5563.65
Windows 10 Home 64bit
書式
let 変数名 = document.querySelector(`textarea`);
変数名.addEventListener('keyup’, () => {
テキストエリアのイベントの登録を行います
使用例
<!DOCTYPE html>
<html>
<body>
<textarea cols="20" rows="5"></textarea>
<p id="result"></p>
<script>
let cft = document.querySelector(`textarea`);
cft.addEventListener('keyup',()=>{
// キーが離れた時イベント
document.querySelector(`#result`).innerHTML = cft.value;
})
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<textarea cols="20" rows="5"></textarea>
<p id="result"></p>
<script>
let cft = document.querySelector(`textarea`);
cft.addEventListener('keyup',()=>{
// キーが離れた時イベント
document.querySelector(`#result`).innerHTML = cft.value;
})
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<textarea cols="20" rows="5"></textarea>
<p id="result"></p>
<script>
let cft = document.querySelector(`textarea`);
cft.addEventListener('keyup',()=>{
// キーが離れた時イベント
document.querySelector(`#result`).innerHTML = cft.value;
})
</script>
</body>
</html>
実行結果
テキストエリアに「tokyo」と入力すると、要素「id="result"」にtokyoを出力します。