このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 割り勘電卓を作ってみよう (02:42) 無料公開中
- 完成版の確認
- index.htmlの作成
- main.jsの作成
- styles.cssの作成
-
#02 入力エリアを作っていこう (02:39) 無料公開中
- input-areaのマークアップ
- styles.cssの読み込み
-
#03 フォームのスタイルを整えよう (02:59) 無料公開中
- bodyのスタイル設定
- フォーム部品のスタイリング
-
#04 計算ボタンを作ろう (02:45)
- 計算ボタンのマークアップ
- 計算ボタンのスタイリング
-
#05 結果表示エリアを作ろう (02:44)
- result-areaのマークアップ
- result-areaのスタイリング
-
#06 要素の取得をしていこう (02:11)
- main.jsの読み込み
- 要素の取得
-
#07 割り勘の仕組みを理解しよう (02:44)
- 割り勘の仕組みについて
-
#08 計算式を完成させよう (02:51)
- 割り勘機能の実装
-
#09 計算結果を表示しよう (01:57)
- 計算結果の表示
-
#10 ユーザーの入力を監視しよう (02:35)
- disabledクラスの実装
- keyupイベントの設定
-
#11 正規表現で入力内容をチェックしよう (02:48)
- checkInput()の実装
-
#12 リセット機能を実装しよう (02:54)
- リセット機能の実装
- focusの設定
