🧩 一个文件的小工具／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，用浏览器打开就能用。