作品 ID: 3442
家計簿を表示、入力した家計簿の集計

公開
「作品 ID: 3439　家計簿を表示。改行作成。家計簿を」の作品を見やすくバージョンアップ
ソース
プログラム

# ==========================================
# 家計簿 画面表示
# ==========================================

「========================================」のラベル作成。
改行作成。 
「　　　　　　　　　家計簿　　　　　　　　」のラベル作成。
改行作成。
「========================================」のラベル作成。
改行作成。
改行作成。
改行作成。

# ==========================================
# データ入力
# ==========================================

「【データ入力】」のラベル作成。
改行作成。
改行作成。

「先月残高： 」のラベル作成。
先月残高入力＝「」のエディタ作成。
改行作成。
改行作成。

「日付： 」のラベル作成。
日付入力＝「」のエディタ作成。
改行作成。

「品目： 」のラベル作成。
費目一覧＝["食費","日用品","交通費","光熱費","通信費","医療費","家賃","衣料費","娯楽費","その他"]。
費目入力＝費目一覧のセレクトボックス作成。
改行作成。

「内容： 」のラベル作成。
内容一覧＝["スーパー","コンビニ","外食","電車","バス","ガソリン","電気","ガス","水道","電話","インターネット","病院","薬","家賃","衣服","その他"]。
内容入力＝内容一覧のセレクトボックス作成。
改行作成。

「収入： 」のラベル作成。
収入入力＝「0」のエディタ作成。
改行作成。

「支出： 」のラベル作成。
支出入力＝「0」のエディタ作成。
改行作成。

改行作成。

# ==========================================
# 操作ボタン
# ==========================================

改行作成。
「【操作】ボタン： 」のラベル作成。
改行作成。
追加ボタン＝「追加」のボタン作成。
保存ボタン＝「保存」のボタン作成。
読込ボタン＝「読み込み」のボタン作成。
削除ボタン＝「全削除」のボタン作成。
月別ボタン＝「月別集計」のボタン作成。
費目別ボタン＝「費目別集計」のボタン作成。

改行作成。
改行作成。

# ==========================================
# 集計
# ==========================================

「========================================」のラベル作成。
改行作成。
「　　　　　　　　　　集計　　　　　　　　」のラベル作成。
改行作成。
「========================================」のラベル作成。
改行作成。
改行作成。
改行作成。

「先月残高： 」のラベル作成。
先月残高表示＝「0 円」のラベル作成。
改行作成。

「合計収入： 」のラベル作成。
収入合計表示＝「0 円」のラベル作成。
改行作成。

「合計支出： 」のラベル作成。
支出合計表示＝「0 円」のラベル作成。
改行作成。

「現在残高： 」のラベル作成。
残高表示＝「0 円」のラベル作成。
改行作成。

改行作成。

# ==========================================
# テキストエリア スタイル設定（4行分高くした固定サイズ）
# ==========================================

●（要素を）固定エリア設定
    エリアスタイル ＝ 「width: 320px; height: 200px; padding: 8px 10px; font-size: 14px; border: 1px solid #cbd5e1; border-radius: 6px; font-family: monospace; resize: none; line-height: 1.5; background-color: #f8fafc; box-sizing: border-box; overflow-y: auto;」
    要素の「style」にエリアスタイルをDOM属性設定。
    要素の「readOnly」に真をDOM属性設定。
ここまで。

# ==========================================
# 家計簿一覧
# ==========================================
改行作成。
「========================================」のラベル作成。
改行作成。
「　　　　　　　　 家計簿一覧　　　　　　 」のラベル作成。
改行作成。
「========================================」のラベル作成。
改行作成。
改行作成。
「表示方法：」のラベル作成。
改行作成。
「日付｜費目｜内容｜収入｜支出」のラベル作成。
改行作成。
改行作成。

一覧＝「」のテキストエリア作成。
一覧を固定エリア設定。
改行作成。

# ==========================================
# 月別集計
# ==========================================
改行作成。
「========================================」のラベル作成。
改行作成。
「　　　　　　　　　月別集計　　　　　　　」のラベル作成。
改行作成。
「========================================」のラベル作成。
改行作成。
改行作成。

月別結果＝「」のテキストエリア作成。
月別結果を固定エリア設定。
改行作成。

# ==========================================
# 費目別集計
# ==========================================
改行作成。
「========================================」のラベル作成。
改行作成。
「　　　　　　　　費目別集計　　　　　　　」のラベル作成。
改行作成。
「========================================」のラベル作成。
改行作成。
改行作成。
費目別結果＝「」のテキストエリア作成。
費目別結果を固定エリア設定。
改行作成。

# ==========================================
# 合計
# ==========================================

先月残高＝０。
合計収入＝０。
合計支出＝０。
残高＝０。

# ==========================================
# 追加
# ==========================================

追加ボタンをクリックした時には

 先月残高文字＝先月残高入力のテキスト取得。
 日付文字＝日付入力のテキスト取得。
 費目文字＝費目入力のテキスト取得。
 内容文字＝内容入力のテキスト取得。
 収入文字＝収入入力のテキスト取得。
 支出文字＝支出入力のテキスト取得。

 もし、先月残高文字＝「」ならば
  先月残高文字＝「0」。
 ここまで。

 もし、収入文字＝「」ならば
  収入文字＝「0」。
 ここまで。

 もし、支出文字＝「」ならば
  支出文字＝「0」。
 ここまで。

 もし、日付文字＝「」ならば
  「日付を入力してください。」と言う。
  戻る。
 ここまで。

 先月残高文字を整数変換。
 収入文字を整数変換。
 支出文字を整数変換。

 先月残高＝先月残高文字。

 行＝日付文字。
 行＝行＆「｜」。
 行＝行＆費目文字。
 行＝行＆「｜」。
 行＝行＆内容文字。
 行＝行＆「｜」。
 行＝行＆収入文字。
 行＝行＆「｜」。
 行＝行＆支出文字。
 行＝行＆改行。

 現在一覧＝一覧のテキスト取得。
 現在一覧＝現在一覧＆行。
 一覧に現在一覧をテキスト設定。

 合計収入＝合計収入＋収入文字。
 合計支出＝合計支出＋支出文字。

 残高＝先月残高＋合計収入－合計支出。

 先月残高表示文字＝先月残高＆「 円」。
 収入表示文字＝合計収入＆「 円」。
 支出表示文字＝合計支出＆「 円」。
 残高表示文字＝残高＆「 円」。

 先月残高表示に先月残高表示文字をテキスト設定。
 収入合計表示に収入表示文字をテキスト設定。
 支出合計表示に支出表示文字をテキスト設定。
 残高表示に残高表示文字をテキスト設定。

 日付入力に「」をテキスト設定。
 費目入力に「食費」をテキスト設定。
 内容入力に「スーパー」をテキスト設定。
 収入入力に「0」をテキスト設定。
 支出入力に「0」をテキスト設定。

 「データを追加しました。」と言う。

ここまで。

# ==========================================
# 保存
# ==========================================

保存ボタンをクリックした時には

 保存一覧＝一覧のテキスト取得。
 保存一覧を「家計簿一覧」に保存。

 先月残高を「家計簿先月残高」に保存。
 合計収入を「家計簿収入」に保存。
 合計支出を「家計簿支出」に保存。

 「家計簿を保存しました。」と言う。

ここまで。

# ==========================================
# 読み込み
# ==========================================

読込ボタンをクリックした時には

 もし、「家計簿一覧」が存在するならば

  「家計簿一覧」を開いて保存一覧に代入。
  一覧に保存一覧をテキスト設定。

  もし、「家計簿先月残高」が存在するならば
   「家計簿先月残高」を開いて先月残高に代入。
  違えば
   先月残高＝０。
  ここまで。

  もし、「家計簿収入」が存在するならば
   「家計簿収入」を開いて合計収入に代入。
  違えば
   合計収入＝０。
  ここまで。

  もし、「家計簿支出」が存在するならば
   「家計簿支出」を開いて合計支出に代入。
  違えば
   合計支出＝０。
  ここまで。

  残高＝先月残高＋合計収入－合計支出。

  先月残高表示文字＝先月残高＆「 円」。
  収入表示文字＝合計収入＆「 円」。
  支出表示文字＝合計支出＆「 円」。
  残高表示文字＝残高＆「 円」。

  先月残高表示に先月残高表示文字をテキスト設定。
  収入合計表示に収入表示文字をテキスト設定。
  支出合計表示に支出表示文字をテキスト設定。
  残高表示に残高表示文字をテキスト設定。

  先月残高入力に先月残高をテキスト設定。

  「家計簿を読み込みました。」と言う。

 違えば

  「保存された家計簿はありません。」と言う。

 ここまで。

ここまで。

# ==========================================
# 月別集計
# ==========================================

月別ボタンをクリックした時には

 全データ＝一覧のテキスト取得。

 もし、全データ＝「」ならば
  「まだ家計簿データがありません。」と言う。
  戻る。
 ここまで。

 月別文字＝「月別集計」。
 月別文字＝月別文字＆改行。
 月別文字＝月別文字＆「================================」。
 月別文字＝月別文字＆改行。

 月別文字＝月別文字＆「先月残高：」。
 月別文字＝月別文字＆先月残高。
 月別文字＝月別文字＆「 円」。
 月別文字＝月別文字＆改行。

 月別文字＝月別文字＆「合計収入：」。
 月別文字＝月別文字＆合計収入。
 月別文字＝月別文字＆「 円」。
 月別文字＝月別文字＆改行。

 月別文字＝月別文字＆「合計支出：」。
 月別文字＝月別文字＆合計支出。
 月別文字＝月別文字＆「 円」。
 月別文字＝月別文字＆改行。

 残高＝先月残高＋合計収入－合計支出。

 月別文字＝月別文字＆「現在残高：」。
 月別文字＝月別文字＆残高。
 月別文字＝月別文字＆「 円」。
 月別文字＝月別文字＆改行。

 月別文字＝月別文字＆「--------------------------------」。
 月別文字＝月別文字＆改行。
 月別文字＝月別文字＆全データ。

 月別結果に月別文字をテキスト設定。

 「月別集計を表示しました。」と言う。

ここまで。

# ==========================================
# 費目別集計
# ==========================================

費目別ボタンをクリックした時には

 全データ＝一覧のテキスト取得。

 もし、全データ＝「」ならば
  「まだ家計簿データがありません。」と言う。
  戻る。
 ここまで。

 費目別文字＝「費目別集計」。
 費目別文字＝費目別文字＆改行。
 費目別文字＝費目別文字＆「================================」。
 費目別文字＝費目別文字＆改行。

 費目別文字＝費目別文字＆全データ。
 費目別文字＝費目別文字＆改行。

 費目別文字＝費目別文字＆「--------------------------------」。
 費目別文字＝費目別文字＆改行。
 費目別文字＝費目別文字＆「合計支出：」。
 費目別文字＝費目別文字＆合計支出。
 費目別文字＝費目別文字＆「 円」。
 費目別文字＝費目別文字＆改行。

 費目別結果に費目別文字をテキスト設定。

 「費目別集計を表示しました。」と言う。

ここまで。

# ==========================================
# 全削除
# ==========================================

削除ボタンをクリックした時には

 一覧に「」をテキスト設定。
 月別結果に「」をテキスト設定。
 費目別結果に「」をテキスト設定。

 先月残高＝０。
 合計収入＝０。
 合計支出＝０。
 残高＝０。

 先月残高表示に「0 円」をテキスト設定。
 収入合計表示に「0 円」をテキスト設定。
 支出合計表示に「0 円」をテキスト設定。
 残高表示に「0 円」をテキスト設定。

 先月残高入力に「」をテキスト設定。
 日付入力に「」をテキスト設定。
 費目入力に「食費」をテキスト設定。
 内容入力に「スーパー」をテキスト設定。
 収入入力に「0」をテキスト設定。
 支出入力に「0」をテキスト設定。

 「家計簿を全削除しました。」と言う。

ここまで。
作品について
作品情報

作品を編集
Aris 作
ライセンス: BSD（改変可/著作権表示）
形式: wnako
タグ: -
利用バージョン: 3.7.22
アクセス数(累計): 103
アクセス数(今月): 97
更新日時: 2026/08/31 16:36
作品公開情報
交流
コメントを取得中...