複数のテキストエリアの文字を別々にカウントするページをコーディングしています。この関数はうまく動作しますが、Uncaught TypeErrorのエラーが発生しています:最初のtextareaの入力を開始するときに 'innerHTML' of null 'プロパティを設定できません。コンソールで質問された2つの部分が以下に強調表示されています。Uncaught TypeError:複数のテキストエリアの文字カウントでnullの 'innerHTML'プロパティを設定できません
誰かが助けてくれますか?どのようにこれを修正することができますか?どうもありがとうございました!
<script>
\t \t function textCounter(textField, showCountField, maxAmount,id) {
\t \t \t if (textField.value.length <= maxAmount) {
\t \t \t \t showCountField.value = maxAmount - textField.value.length;
\t \t \t \t document.getElementById('go'+id).innerHTML = '';
\t \t \t } else {
\t \t \t \t document.getElementById('go'+id).innerHTML = '<span style="color:red">Over!!</span>';
\t \t \t \t textField.value = textField.value.substring(0,maxAmount);
\t \t \t }
\t \t \t }
</script>
<body>
\t \t <form>
\t \t \t <textarea id="q" name="w" onKeyUp="textCounter(this.form.q,this.form.w,5,1);" onKeyPress="textCounter(this.form.q,this.form.w,5);"></textarea><br>
<input type="text" name="w" value="5"></input>
\t \t \t <p id="go1"/>
\t \t </form><br>
\t \t <form>
\t \t \t <textarea id="a" name="s" onKeyUp="textCounter(this.form.a,this.form.s,8,2);" onKeyPress="textCounter(this.form.a,this.form.s,8); "></textarea><br>
<input type="text" name="s" value="8"></input>
\t \t \t <p id="go2"/>
\t \t </form><br>
</body>
'getElementByIdをは( '行く' + ID)'明らかにnullを返しています。 'id'に期待する値があることを確認し、文書にそのidと一致する要素があることを確認してください。 –
画像ではなく実際のコードを掲載してください。 [*最小で完全で検証可能なサンプルの作成方法*](https://stackoverflow.com/help/mcve)を参照してください。 – RobG
ありがとうございました!私はコーディングを学ぶことで本当に新しいです。私がちょうど編集したHTMLを見てください。 – ycd