<textarea id="example-id" autocomplete="off"></textarea>
<div>👇現在の文字数</div>
<div id="current-length"></div>
// textarea要素オブジェクト
const textareaElem = document.getElementById("example-id");
// 値を埋め込む先
const currentLengthElem = document.getElementById("current-length");
textareaElem.addEventListener('input', (event) => {
currentLengthElem.innerText = event.target.value.length;
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.