文字数カウントの-数値になった時に表現を変えたい

Question

閲覧いただきありがとうございます。
文字数カウントを実装することになったのですが、マイナス値での表記が気に入らないとお客様に言われてしまいまして。。
みなさんのお力をお借りできたらと思います。
お手数をおかけしますが、よろしくお願いいたします。

できていること

入力フォームに入力された文字数と上限を比べて入力文字数がカウントされていく

実現したいこと

現状は、countDownという変数を表示しているのでマイナス値になった時に「-1文字入力可能」と言った感じに出てきてしまいます。
そうではなく、「1文字オーバー」などの表記にしたいです。

ソース

<input type="text" id="productlocation_name" name="productlocation_name" with="full" limit="20" value="">
<span class="count_input"></span>

$("[limit]").bind('keydown keyup keypress change',function(){
    	var limit = $(this).attr("limit");
        var thisValueLength = $(this).val().length;
        var countDown = (limit)-(thisValueLength);
        $(this).nextAll(".count_input").html(countDown + "文字入力可能");

        if(countDown < 0){
            $(this).nextAll(".count_input").css({color:'#ff0000',fontWeight:'bold'});
        	$(this).nextAll(".count_input").html(countDown + "文字オーバー");
        } else {
            $(this).nextAll(".count_input").css({color:'#000000',fontWeight:'normal'});
        	$(this).nextAll(".count_input").html(countDown + "文字入力可能");
        }
    });

    $(window).load(function(){
        $(this).nextAll(".count_input").html(limit);
    });

Answer 1

計算結果を出した直後に.html()で countDown + "文字入力可能" としていますが、これは？
ここを削れば問題なさそうに思えますが、いかがでしょうか。

あとは、マイナス値を+にするために掛け算をすれば良いだけです。

$(this).nextAll(".count_input").html((countDown*-1) + "文字オーバー");

Comments

[se_ariga]

ご回答ありがとうございます。
サイトなどで検索しながら作成していたので不要な1文が…ご指摘ありがとうございます。削除しますね。
掛け算ですねw単純なところでつまづいていてお恥ずかしいです。
今回は先にご回答くださった方をベストアンサーとさせていただきました！ありがとうございました！

[m.ts10806]

直後に上書きしているので問題になっていませんが、何かを書き換える記述が不要なのに入っている場合、バグの温床となりうるので注意してくださいね。

[se_ariga]

早速該当箇所を削除しました、以降気をつけます！
ありがとうございました！

Answer 2

【中学数学】正負の数 かけ算・わり算・累乗 | 中学1年数学の解説

正負の数のかけ算の符号は以下のようになります。

・正　×　正　＝　正
・正　×　負　＝　負
・負　×　正　＝　負
・負　×　負　＝　正

$(this).nextAll(".count_input").html((countDown * -1) + "文字オーバー");

Comments

[se_ariga]

回答ありがとうございます。
盲点でございました…とても単純な算数の問題でしたね、助かりました！ありがとうございました！