Javascript 为什么'；t console.log是否使用VS代码在控制台中显示结果？

如果我使用codepen，代码将工作并在控制台中显示计算结果。如果使用visual studio代码，并使用live server查看页面，或手动打开index.html，则单击“计算”时会出现错误“ReferenceError:calc（）未定义”

为什么会这样

编辑为添加-脚本已在主体内移动，但代码仍然无法工作

函数计算（）{
var a=parseInt（document.querySelector（'#value1'）.value）；
var b=parseInt（document.querySelector（'#value2'）.value）；
var op=document.querySelector（“#operator”）.value；
var计算；
如果（op==‘添加’）{
计算=a+b；
}否则如果（op='min'）{
计算=a-b；
}否则如果（op='div'）{
计算=a/b；
}否则如果（op=='mul'）{
计算=a*b；
}
控制台日志（计算）；
}

计算器
值1：
价值2：
接线员：
添加
减
分
乘
计算

脚本应该位于结束标记末尾的body元素中，这是最佳做法。如果将“”脚本放在head元素中，它将在加载内容之前加载javascript-最好的做法是在加载内容后加载它。

拼写错误-“src”不是“scr”

您的脚本标记在body元素之外，请将其放在

^^之前。此外，您还有

scr

而不是

src

。它需要是

src

（源代码）。scr而不是scr？我已经将脚本标记移到了中，但它仍然不起作用。这并不能解决这个问题，因为他使用的是内联单击处理程序。但是，即使他使用Javascript事件监听器，他也可以通过监听

DOMContentLoaded

事件从头部绑定这些事件。你的回答充其量应该是一个评论。