需先排序确定斜边再验证勾股定理：对三边升序排序，检查是否全为正数且满足三角形不等式，最后用 math.abs(math.pow(a,2)+math.pow(b,2)-math.pow(c,2))
用 JavaScript 的 Math.sqrt 和勾股定理判断三边是否构成直角三角形
直接看边长能否满足 $a^2 + b^2 = c^2$，但必须先找出最长边作斜边，否则会误判。比如输入 [3, 5, 4]，不排序直接算 3*3 + 5*5 === 4*4 就是错的。
- 先用
sort把三边升序排列，取最后一个是斜边：sides.sort((a, b) => a - b) - 检查是否为正数且能构成三角形（任意两边和大于第三边），否则直接返回
false - 用
Math.pow(sides[0], 2) + Math.pow(sides[1], 2) === Math.pow(sides[2], 2)判断，避免浮点误差可改用Math.abs(a - b)
HTML 表单里获取用户输入并实时验证是否为直角三角形
用户填三个 <input type="number">，提交前校验值是否全为数字、非空、大于 0。别依赖 required 或 min="1" 就完事——它们不阻止用户输字母或负数，提交时 JS 仍要兜底。
- 用
parseFloat转换输入值，再检查是否为NaN或 ≤ 0 - 监听
input事件比只在submit时校验更友好，但注意别每敲一个字符就弹提示 - 示例片段：
const a = parseFloat(document.getElementById('side-a').value);<br>if (isNaN(a) || a <= 0) { /* 提示错误 */ }
为什么不能直接用 == 比较平方和
浮点运算误差会让本该相等的两个数看起来不等，比如 0.1 + 0.2 === 0.3 是 false。直角三角形判断中，若边长含小数（如 [1.5, 2.0, 2.5]），1.5**2 + 2.0**2 算出来可能不是精确的 6.25。
- 永远用差值绝对值比较：
Math.abs(aSq + bSq - cSq) -
**和Math.pow在这里效果一致，但**更简洁；注意旧浏览器可能不支持，需确认目标环境 - 整数边长（如
[3, 4, 5]）看似安全，但一旦后续逻辑混入 parseFloat 或用户粘贴带空格的字符串，就可能触发隐式转换出浮点
用 CSS 或 HTML 属性“判定”直角三角形？不行
HTML 和 CSS 本身没有几何计算能力，<canvas></canvas> 可以画直角三角形，但“判定”行为必须由 JS 完成。有人想用 aspect-ratio 或 transform: rotate() 模拟，那只是视觉近似，和数学判定无关。
立即学习“前端免费学习笔记（深入）”；
- 不要试图用
data-*属性存“是否直角”结果然后靠 CSS 选中器显示样式——值得由 JS 计算并写入 - 若需可视化反馈，JS 算完后操作
classList.add('is-right-triangle')即可 - 最易忽略的一点：用户可能反复修改输入，每次都要重新排序、重算、重比较，别把判断逻辑写死在初始化里
