【旧版】JavaScriptで作る残り文字数チェッカー (全3回)
最新版のレッスンはこちらから »
【最新版】JavaScriptで文字数チェッカーを作ろう (全8回)
SNSなどでよく見る、「入力可能な残り文字数」をリアルタイムにチェックするプログラムを作ってみます。
このレッスンでは jQuery 1.7.1 を使用しています。
-
#01 画面を作ろう (01:44)
- 完成版の確認
- 画面の作成
-
#02 残り文字数を表示する (02:23)
- 入力可能文字数の設定
- イベントの設定（keyup）
- 残り文字数の表示
- 動作確認
-
#03 残り文字数が少ないときに警告する (01:25)
- 文字数が少なくなってきたかを判定
- 少なくなった場合にテキスト色を変更
- 動作確認
補足情報 なるべくvarをつけましょう
という部分は、理想的には「var」をつけて宣言したほうがいいでしょう。
もし変数 count がこの関数の外で使われていた場合に、その変数の値を書き換えてしまうことになります。
なお、このレッスンのプログラムでは特に問題はありません。