初学JavaScript遇index.js无法链接、let count定义值无法显示问题

问题排查与解决步骤 #

• 第一步：确认JS文件链接是否正常
  你当前HTML中<script src="index.js"></script>的写法要求index.js文件必须和HTML文件存放在同一个文件夹下，且文件名大小写完全匹配（Windows系统不敏感，Mac/Linux/部署服务器都会区分大小写）。
  验证方法：打开浏览器开发者工具（按F12/右键页面选择「检查」），切换到「控制台」标签，刷新页面，如果能看到27的打印输出，说明JS文件已经成功加载；如果提示Failed to load resource: the server responded with a status of 404 (Not Found)，就是文件路径或文件名错误。
• 第二步：修复页面数值不更新的问题
  你当前的JS代码仅把count变量的值打印到了控制台，并没有把值写入到页面的count-el元素中，你注释掉的第一行代码就是负责把数值写入页面的逻辑，取消注释后修改为使用你的count变量即可。
  修改后的JS代码参考：

  let count = 27;
  // 将count变量的值赋值给页面对应元素
  document.getElementById("count-el").innerText = count;
  console.log(count)
  

  修改后刷新页面就能看到h2标签显示27了。

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