32日目:ドットインストールで勉強中(JavaScriptで文字数チェッカーを作ろう完了)

SNSやってます。

今日は久しぶりに夜、公園を走りました。ジムのランニングマシーン(トレッドミル)は動画を見ながら、、それこそドットインストールを見ながらでも走れますが、公園はそういうわけには行きません。

とはいえ、なんでしょう。外は外で良いもんですね。よりリフレッシュできたような気がします。いつもと違う環境だからというだけかもしれませんが。。

こんにちは、バンコク在住のダイ(@daijirok-jp)です。

今日は「JavaScriptで文字数チェッカーを作ろう」を終了しました。

結論から言うと非常に簡単でした。

本日の学習結果

今日は「JavaScriptで文字数チェッカーを作ろう」の勉強を完了しました。

  • #05 全体のレイアウトを調整しよう
  • #06 JavaScriptを書いていこう
  • #07 イベントを設定しよう
  • #08 残り文字数のスタイルを変えよう

感想

#05 全体のレイアウトを調整しよう」では、前のレッスンに引き続きCSSでおなじみの完成版の確認とHTMLファイルの作成でした。

#06 JavaScriptを書いていこう 」では、久しぶりにJavaScriptのコードを外部ファイルにしました。

あとはアクションを起こす要素の取得です。この辺りかなり考え方に慣れてきました。

#07 イベントを設定しよう」では入力文字数を取得して、それをラベルに設定した定数から引いていくと言うもの

最後の「#08 残り文字数のスタイルを変えよう 」では、文字数が残り少なくなるとラベルの文字が赤くなると言うもの。IF文と三項演算子の両方での書き方を学びましたが、三項演算子もよく見ると大して分かりにくくもなく、コードがすっきりして見やすくなるなぁという印象を持ちました。

機会があればどんどん使っていくようにしようと思います。

さて、今回でJavaScriptの無料サンプルプログラムが終わってしまいました↓

次はどのレッスンをしようかと思って、全てのレッスンを眺めていると「JavaScriptで作る誕生日診断 (全5回)」や「JavaScriptで作る王様ゲーム (全6回)」というレッスンもあったのでプレミアムに課金する前にとりあえずこれらを勉強しようと思います。

とはいえJavaScriptばかりやっても飽きるので、明日からは「Chrome Developer Tools入門 (全10回)」の勉強をする事にします。