27日目:ドットインストールで勉強中(JavaScriptで割り勘電卓を作ろう開始)

SNSやってます。

今日は以前勤めていた会社に立ち寄ってから帰宅したので勉強できる時間が短いです。とはいえ少しでも進めておこうと「ATOM」と「Dotinstall Pane」を起動して勉強です。

正規表現も無事終わりJavaScriptの勉強に戻ってきました。

こんにちはSPF36.comのダイ(@daijirok_jp)です。

今日もプログラミング勉強動画の「ドットインストール」を続けて勉強しました。徐々にできる事が増えるのは純粋に嬉しいです。

本日の学習結果

今日は「JavaScriptで割り勘電卓を作ろう」の勉強を始めました。

  • #01 割り勘電卓を作ろう
  • #02 画面に要素を配置していこう
  • #03 要素のスタイルを整えていこう
  • #04 要素を取得していこう

感想

#01 割り勘電卓を作ろう 」で完成版の説明。

#02 画面に要素を配置していこう」でHTMLの記述。

#03 要素のスタイルを整えていこう 」でCSSの記述。

#04 要素を取得していこう」で配置したHTMLの要素をJavaScriptで扱えるように変数として取得。

フォームを選択したら初めから入力されている「0」が選択された状態になるという簡単なJavaScriptのプログラムを書きました。

#5, 6, 7 で割り勘電卓を完成させるのですが、これまでのサンプルプログラムはボタンを押すだけというものだったのに対して、今回はユーザに数字を入力させそれを判定して処理するというものになったのが、とても楽しみなところです。

画像を取り込んで処理するプログラムを作ってみたいので、少しそれに近づいて来た気がします。

今後のレッスンが楽しみです。