如何将指定JavaScript代码正确嵌入HTML页面并正常运行

可直接运行的实现方案 #

你遇到的问题核心是window.prompt()返回值为字符串类型，直接进行数学运算会触发类型错误，修复后完整的HTML示例如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>坐标计算工具</title>
</head>
<body>
<script>
function rcirc(x, y, m, b) {
  let m2 = -1 / m;
  let b2 = y - (m * x);
  let y2 = (b2 - b) / (m - m2);
  let x2 = (y2 - b) / m;
  return [x2, y2];
}

// 把prompt返回的字符串转换为数值类型
var x = Number(window.prompt("enter the x value: "));
var y = Number(window.prompt("enter the y value: "));
var m = Number(window.prompt("enter the m value: "));
var b = Number(window.prompt("enter the b value: "));
let point = rcirc(x, y, m, b);

alert(point);
</script>
</body>
</html>

注意事项 #

• 必须对prompt获取的输入做类型转换，可用Number()、parseFloat()方法处理输入值，避免字符串参与数学运算得到NaN结果
• script标签可直接放在<body>标签末尾，确保代码加载后自动执行；如果放在<head>标签内，无需额外属性也可正常运行，因为当前代码没有操作DOM元素的逻辑
• 如果需要在用户点击按钮后再触发计算逻辑，可把运算代码封装为函数绑定到按钮的click事件上即可

内容的提问来源于stack exchange，提问作者Hoadi605