javascript - 特定のポイントでテキスト フィールド内のテキストを強調表示する

Question

Twitter の「新しいツイートを作成」ボックスを複製しようとしています。あなたが残した手紙の数を示すカウンターがあります。私は HTML を使用していないmaxlengthので、ネガに入るとカウンターが赤くなり、マイナスになります。Twitter では、オーバーフローしたテキストが明るい赤で強調表示されます。

テキストフィールドでオーバーフローしたテキストを強調表示するにはどうすればよいですか? 既に持っているHTML と JavaScript は次のとおりです。(以前にテキストを強調表示しようとしましたが、どこから始めればよいかわかりませんでした。私は初心者です。:P ):

        <div id="char_count">
            <span id="charsLeftH" title="Characters Remaining" style="cursor: pointer">500</span>
        </div>
        <input type="button" value="Send" id="submit">
        <script>
            var chars = 500;

            function charsLeft() {
                chars = 500 - $("#type_area").val().length;
                document.getElementById("charsLeftH").innerHTML=chars;
                if (chars < 50 && chars > 0) {
                    document.getElementById("charsLeftH").style.color="#9A9A00";
                    document.getElementById("submitX").id="submit";
                } else if (chars < 1) {
                    document.getElementById("charsLeftH").style.color="#BD2031";
                    if (chars < 0) {document.getElementById("submit").id="submitX";}
                } else {
                    document.getElementById("charsLeftH").style.color="#000000";
                    document.getElementById("submitX").id="submit";
                }
            };

            charsLeft();
        </script>