＃宣言 入力データ＝空辞書。 ご飯＝75。おやつ＝4。 ＃CSS CSS=「<style> table {波カッコ} border: solid 2px {銀色}; border-collapse:collapse; {波カッコ閉じ} table th {波カッコ} border: solid 1px {銀色}; background-color:#FFCCCC; {波カッコ閉じ} table td {波カッコ} border: solid 1px {銀色}; background-color:#FFEEEE; {波カッコ閉じ} table td input{波カッコ} width: 80px; {波カッコ閉じ} #nako3form_備考{波カッコ} width: 200px; {波カッコ閉じ} </style>」 DOM親要素にCSSをHTML設定。 /* もし、アプリページならば、 「#runbox」に{ 「行揃え」:「initial」, 「余白」:「1em」, 「マージン」:「auto」, 「幅」:「fit-content」, }をDOMスタイル一括設定。 ここまで。 */ ●アプリページか runbox=「window」の「getComputedStyle」を[(「#runbox」のDOM要素取得)]でJSメソッド実行。 runboxの「getPropertyValue」を["text-align"]でJSメソッド実行。 もし、それが「center」ならば、はいで戻る。 いいえで戻る。 ここまで。 ＃UI 「ごはんは一日{ご飯を文字列変換してそれを全角変換}ｇ。ちゅ～るは一日{おやつを文字列変換してそれを全角変換}本まで！」のラベル作成。改行作成。 ご飯ラベル＝「ごはんをあと{ご飯を文字列変換してそれを全角変換}g食べようね」のラベル作成。改行作成。 おやつラベル＝「ちゅ～るは残り{おやつを文字列変換してそれを全角変換}本です！」のラベル作成。改行作成。改行作成。 時間＝空。 hhを0から23まで繰り返す。 　時間＝時間に「{hhを2でゼロ埋め}:00」を追加。 　もしhh＝23でなければ、時間＝時間に「|」を追加。 ここまで。 フォームは空の「 時間=?({時間})06:00 ごはん（ｇ）= ちゅ～る（本）= お薬=?(---|朝のぶん|夜のぶん) 備考= 」をフォーム作成。 入力ボタンは「入力」のボタン作成。 改行作成。改行作成。 表示エリア＝空のテキストエリア作成。 ＃イベント 入力ボタンをクリックした時には、 データ＝フォームのフォーム入力一括取得。 もし、(データ["ごはん（ｇ）"]＝「」)かつ(データ["ちゅ～る（本）"]＝「」)かつ(データ["薬"]＝「---」)かつ(データ["備考"]＝「」)ならば、 「未入力」と言う。 違えば、 時間＝データ["時間"]。 ご飯＝ご飯-データ["ごはん（ｇ）"]。 おやつ＝おやつ-データ["ちゅ～る（本）"]。 データから「時間」を辞書キー削除。 もし、入力データに「{今日}」が辞書キー存在しなければ、入力データ[今日]は空辞書。 もし、入力データ[今日]に「{時間}」が辞書キー存在するならば、 ご飯＝ご飯+入力データ[今日][時間]["ごはん（ｇ）"] おやつ＝おやつ+入力データ[今日][時間]["ちゅ～る（本）"] ここまで。 入力データ[今日][時間]＝データ。 入力データを「さすけごはん」に保存。 データ反映。 「#nako3form_ごはん（ｇ）」に空をテキスト設定。 「#nako3form_ちゅ～る（本）」に空をテキスト設定。 「#nako3form_備考」に空をテキスト設定。 「select[name="お薬"] 」に「---」をテキスト設定。 ここまで。 ここまで。 ＃ローカルストレージ読む もし、「さすけごはん」が存在するならば、 入力データ＝「さすけごはん」を読む。 入力データ[今日]を反復 ご飯＝ご飯-対象["ごはん（ｇ）"]。 おやつ＝おやつ-対象["ちゅ～る（本）"]。 ここまで。 データ反映。 ここまで。 ●データ反映 ご飯ラベルに「ごはんをあと{ご飯を文字列変換してそれを全角変換}g食べようね」をテキスト設定。 おやつラベルに「ちゅ～るは残り{おやつを文字列変換してそれを全角変換}本です！」をテキスト設定。 もし、入力データに「{今日}」が辞書キー存在するならば、 表示テキスト＝入力データ[今日]をJSONエンコード整形。 表示エリアに表示テキストをテキスト設定。 ここまで。 ここまで。