HTML 计算器代码解析
HTML 计算器代码是一种使用 HTML、CSS 和 JavaScript 编写的简单计算器代码。该代码可以在 Web 浏览器中运行，提供基本的计算功能。本文将对该代码进行详细解析，介绍其中涉及到的 HTML、JavaScript 知识点。
HTML 结构
该计算器代码使用 HTML 作为基本结构。HTML（HyperText Markup Language）是一种用于创建网页的标记语言。HTML结构主要由头部（head）和身体（body）两部分组成。
* `<html>`：HTML 文档的根元素。
* `<head>`：头部元素，用于存放 meta 数据、样式表、脚本等。
* `<title>`：设置文档标题。
* `<body>`：身体元素，用于存放网页的内容。
在该代码中，HTML 结构中包含一个标题（title）、一个一级标题（h1）、三个输入框（input）和一个按钮（button）。这些元素都被包含在身体（body）中。
JavaScript 代码
JavaScript 是一种脚本语言，用于添加交互功能到 HTML 文档中。在该代码中，JavaScript 用于实现计算器的逻辑。
* `var Iger = window.document.getElementById("ger");`：获取按钮元素。
* `var r = window.document.getElementById("result1");`：获取结果输入框元素。
* `Iger.onclick = gogogo;`：将按钮的点击事件绑定到 `gogogo` 函数。
JavaScript 中有三个主要功能函数：
* `checkNum()`：输入审核函数，检查输入框中的值是否为数字。
* `cal(a)`：计算函数，根据输入值计算结果。
* `coutRes(b)`：输出结果函数，将计算结果显示在结果输入框中。
* `gogogo()`：点击后调用函数，先清除上一次计算残留结果，然后进行计算并显示结果。
JavaScript 中的逻辑
在该代码中，JavaScript 中的逻辑主要是实现计算器的功能。点击按钮后，会执行 `gogogo` 函数：
1. 清除上一次计算残留结果。
2. 调用 `checkNum` 函数审核输入值。
3. 如果输入值为数字，则调用 `cal` 函数进行计算。
4. 将计算结果显示在结果输入框中。
HTML 和 JavaScript 的集成
在该代码中，HTML 和 JavaScript 紧密集成。HTML 提供了基本结构和用户界面，而 JavaScript 负责实现计算器的逻辑。在 HTML 中，使用 `id` 属性来标识元素，以便 JavaScript 中可以获取和操作这些元素。
该计算器代码展示了 HTML、CSS 和 JavaScript 的集成应用，展示了如何使用 JavaScript 实现交互功能和逻辑控制。
