数字炸弹：趣味猜数游戏 - 知达AI助教 | 教育人工智能案例

写1个HTML，黑背景，电脑随机藏一个1-100整数，页面中间输入框让学生猜，猜完提示“大了”或“小了”，猜中弹出“BOOM”并显示用了几次，点按钮重新开始。
以下是一个符合要求的完整 HTML 页面，功能包括：

黑色背景（#000）

页面居中显示一个输入框和“提交”按钮

JavaScript 生成 1–100 的随机整数作为目标值（每次刷新或重置时重新生成）

学生输入猜测后，实时提示：“大了”、“小了”或猜中时弹出 BOOM 并显示猜测次数

提供“重新开始”按钮，重置游戏状态（包括新随机数、清空输入、重置计数）

全部中文界面，语义清晰，无外部依赖，兼容现代浏览器

代码生成中...

知达任务回放中

数字炸弹：趣味猜数游戏

代码

预览

72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
    }
    button:active {
      transform: scale(0.98);
    }
    #hint {
      margin-top: 1.2rem;
      min-height: 28px;
      font-size: 1.3rem;
      font-weight: 500;
      color: #ffcc00;
      height: 28px;
    }
    #count {
      margin-top: 0.8rem;
      font-size: 1.1rem;
      color: #aaa;
    }
    .boom {
      animation: boom 0.6s ease-out 
          forwards;
      font-size: 4rem;
      font-weight: bold;
      color: #ff0000;
      text-shadow: 0 0 20px #ff0000
          , 0 0 40px #ff0000;
      margin: 1.5rem 0;
      letter-spacing: 8px;
    }
    @keyframes boom {
      0% { transform: scale(1); 
          opacity: 1; }
      50% { transform: scale
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX