【旧版】jQueryで作る残り文字数チェッカー (全5回)
最新版のレッスンはこちらから »
【最新版】JavaScriptで文字数チェッカーを作ろう (全8回)
SNSなどでよく見る、「入力可能な残り文字数」をリアルタイムにチェックするプログラムを作ってみます。
このレッスンでは jQuery 1.10.1 を使用しています。
-
#01 開発の準備を整えよう (02:42)
- デモ
- 必要となる知識＆ツール
- ひな型ファイルの作成
-
#02 残り文字数を表示してみよう (02:36)
- 変数の設定
- addEventListener
- keyup
- 動作確認
-
#03 細かい仕上げをしていこう (02:21)
- warningクラスの設定
- (function() {...})();
- 動作確認
-
#04 Internet Explorer 8以下に対応しよう (02:57)
- 条件分岐
- 共通関数の切り分け
- 動作確認
-
#05 jQueryで作りなおしてみよう (02:50)
- jQueryの導入
- プログラムの変更
- 動作確認
