我正在 YouTube 上关注这个在线免费课程，如果您想访问，请点击以下链接： “Youtube 链接”，但在 2:15:00 左右，他展示了如何在 HTML 标签中调用 javascript 变量并将它们记录到控制台上。我的问题是，当我和他做同样的事情时，它不会在控制台日志中显示变量值。 例如，如果我写“显示金额”，并且脚本中有一个名称值为 0 的变量，则当我单击按钮时，它会在控制台中显示一个空格，但对于那个人来说，它显示实际值（这是 0）。
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>javascript loggin</title>
</head>
<body>
<button onclick="
console.log(`Show Count: ${value}`)
">Show Count</button>
<script>
let value = 0;
</script>
</body>
</html>
这是这些人的代码的图像：（如果图像未加载，他的概念与我的几乎相同。） 对我来说，当我单击按钮时，它会显示放置在 console.log 中的字符串，但无法调用并显示变量。我可以显示变量的唯一方法是将 console.log 放在脚本中，否则它在 html 文件中的其他任何地方都不起作用。 可能是什么原因？如果您能就此事提供任何帮助，我将不胜感激。 （我还是个初学者，如果能用简单的语言解释一下就更感激了）
您不能在 HTML 属性上使用模板文字（反引号）。无论如何，将逻辑放在 HTML 上并不是最佳实践，只需调用一个可以完成这项工作的函数即可：
let value = 0;
function btnClick() {
// maybe you want to increment the value after each click
value++;
// print the result
console.log(`Show Count: ${value}`);
}<button onclick="btnClick()">Show Count</button>