TypeScript加法计算器运行异常 无法定位代码问题

按下面的点逐一核对即可，不需要推翻现有代码重写：

HTML 相关排查点 #

• 核对所有script标签的引入路径：你写的node_modules是文件夹不是可执行的JS文件，这个引入本身是无效的；另外注意head标签中引入脚本的加载时机问题
• 核对标签属性的正确性：第二个label标签上误加了只属于input的type="text"属性，这类错写的冗余属性可以先清理
• 核对结果展示元素的类型：你用来放计算结果的是<p>段落标签，不属于输入类表单元素，这类元素设置内容的属性和input的value属性不是同一个

TypeScript 相关排查点 #

• 优先打开浏览器的开发者控制台看报错，控制台抛出的错误会直接标注问题代码的行号，是效率最高的定位方式
• 核对DOM加载监听事件的拼写：这类浏览器内置事件是大小写严格敏感的，你现在写的DomContentLoaded可以和标准事件名逐字核对
• 核对变量的使用逻辑：你先把sum定义成了两个数字相加得到的数值结果，后面又把sum当成函数传参调用，这里存在明显的用法冲突
• 核对TS的元素类型断言：你把段落标签<p>断言成了输入框元素HTMLInputElement，和实际DOM的类型不匹配，后续的属性赋值自然会出问题

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