追加このままだとフォームが見づらいので、少しだけスタイルを調整します。7~16行目を追加してください。Gist.このようになっていれば準備完了です。カウントアップの実装カウントアップは、文字を入力する毎にテキストエリアの文字数を取得・表示していきます。2~4行目を追加します。カウントアップのテキストエリアを指しています。文字数を取得しています。カウントダウンの実装カウントダウンでは入力できる残りの文字数を表示します。ように超過文字数を表示します。6~15行目を追加します。入力できる残りの文字数となります。テキスト色を赤に、まだ入力できる場合はテキスト色をグレーにしています。最後にサンプルコードを載せているので、上手く動かないときは比較してみてください。どこでエラーが起きているかわからない時ブラウザのデベロッパーツール(開発ツール)を開いて、コンソールを確認してみてください。デベロッパーツール」を開きます。「Console」を選択するとエラーを確認できます。MESara運営者Contact書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。Sara運営者Profile書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。プログラミング講座では、プログラミングの基礎からアプリ開発まで学ぶことができます。わかりやすく・シンプルをモットーに同じコードを書けば必ず完成できること専門用語を使いすぎないことを重視しています。01動くコードプログラミングの文法だけを学んでも、そこから動くアプリを開発をするのは難しいです。プログラミング講座では、ゲームやカレンダーなど「アプリとして機能するもの」を作りながらプログラミングを学ぶことができます。02自分のペースでオンライン講座なので、ご自身のペースで学習を進めて頂けます。分からないことがあっても、前のレッスンに戻ることができるので安心です。お申し込みしたその日からからすぐに始めることができます。03個別サポートプログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!コメント欄またはメールによるサポートを回数無制限でご利用頂けます。FunwpDiscuz00この記事にコメントするxInsert記事URLをコピーしました。