javascript_mini_application

実装アプリケーション

(1) カウントアップ / カウントダウン

主な仕様

• 画面には数字とボタンが配置されている
• +1ボタンを押すと画面上の数字が1加算される
• -1ボタンを押すと画面上の数字が1減少する
• クリアボタンを押すと画面上の数字が0に戻る
• 数字は0から始まり、10までカウント可能(10でボタンを押すとアラート表示)
• 数字が0の時、-1ボタンを押すとアラートを表示

実装技術

• クリックイベント
• アラート
• テキストの変更

(2) スクロールアプリ

主な仕様

• 「上に戻るボタンは最初は非表示」
• 画面を縦にスクロールすると「上に戻る」ボタンが表示される
• 一番上まで戻ると「上に戻る」ボタンが非表示になる
• 「上に戻る」ボタンをクリックすると、画面の一番上まで自動でスクロールする

実装技術

• スクロールイベント
• 条件分岐
• css/styleの変更
• スクロール位置の操作

(3) 簡易メモアプリ

主な仕様

• テキスト入力欄と追加ボタンが画面に配置されている
• テキストを入力し、追加ボタンを押下すると、リストの一番下に追加される
• テキストの追加後、フォームからテキストは消える
• テキストを入力せず、ボタンを押すとアラームが出る

実装技術

• インプットタグの値を取得
• 要素の作成 / 追加