Javascript/HTML中onclick绑定按钮点击无响应无报错问题求助
问题修复方案
经排查共有3个直接导致功能异常的问题,对应修复方案如下:
- HTML语法错误:
onclick属性需要传入可执行的表达式,你当前只写了函数名没有加调用括号,修改对应按钮代码为:
<button type="button" class="height" onclick="cmtosomethings()">Centimetre to Metre/Feet/Kilometres</button>
- JS变量命名冲突:你在代码中写了
var alert = alert(result),将浏览器原生的全局alert方法赋值给了同名变量,会导致调用异常,直接删除变量声明,修改为:
alert(result)
- 单位转换逻辑错误:厘米转米的计算规则是除以100,你当前写的除以30.48是厘米转英尺的逻辑,不符合
op == "M"分支的预期,修改为:
var result = number / 100
额外优化建议:你当前将JS文件引入放在<head>标签内,会在页面DOM渲染完成前加载JS,如果后续有操作DOM的逻辑会出现找不到元素的问题,建议将<script src="projectsjs.js"></script>移到</body>闭合标签之前。
内容的提问来源于stack exchange,提问作者BrokeLol
相关产品推荐
相关产品推荐

