🧩 一個檔案的小工具／App

AI 回答的樣子

示意與節錄：實際回答會依你用的 AI 和填寫的內容而不同。

做法：用一個按鈕增加杯數，資料存在瀏覽器的 localStorage，畫面顯示今天和最近 7 天的總和。

```html
<!doctype html>
<html lang="zh-Hant">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>喝水紀錄</title>
  <style>body{font:20px system-ui;text-align:center;padding:24px}button{font-size:28px;padding:16px 32px}</style>
</head>
<body>
  <h1>今天喝了 <span id="today">0</span> 杯</h1>
  <button id="add">＋ 一杯</button>
  <p>本週共 <span id="week">0</span> 杯</p>
  <script>
    // 紀錄格式：{ "2026-11-05": 3, ... }
    ……（後面省略）
```

怎麼用：把整段存成 water.html，用瀏覽器打開就能用。