岩本愛結/通信ネットワーク演習の履歴(No.12)

いわもとあゆ

通信ネットワーク演習

演習

Blank File : javascript_blank
Color Change A：javascript_change_a
Color Change B : javascript_change_b
Fortune Slip : javascript_fortune
Gallery : javascript_gallery
TabUI : javascript_tab
Object : javascript_object
Text Animation : [[javascript_aaa>]]
Scroll : [[javascript_scroll>]]
Map：javascript_map
Weather：javascript_weather

最終成果物

Mini Budget Note

サイトの趣旨

かんたんな家計簿サイト

技法・技術情報

[if/else]

 if (filtered.length === 0) {
   emptyMessage.style.display = "block";
 } else {
   emptyMessage.style.display = "none";
 }

支出リストが空かどうかチェックして表示/非表示を切り替える
[submit]
フォーム送信時に支出を追加する処理を実行
[DOM操作：getElementById, querySelector]
IDで特定の要素を取得

先行事例・参考情報

リンク

公開リポジトリ

GitHub：https://github.com/515o0