如何链接javaScript文件？_Javascript

如何链接javaScript文件？

javascript

如何链接javaScript文件？,javascript,Javascript,我正在尝试使用JavaScript构建计算器。我试图在屏幕上显示值“0”，但它不起作用。我能知道为什么吗我的js文件 const calculator = { displayValue: '0';firstOperand: null;waitingForSecondOperand: false;operator: null; } function updateDisplay() { const display = document.querySelector('.calculator

我正在尝试使用JavaScript构建计算器。我试图在屏幕上显示值“0”，但它不起作用。我能知道为什么吗

我的js文件

const calculator = {
  displayValue: '0';firstOperand: null;waitingForSecondOperand: false;operator: null;
}

function updateDisplay() {
  const display = document.querySelector('.calculator-dipalay');
  display.value = calculator.displayValue;
}

updateDisplay();

我的HTML代码

</html>

<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="myscript.js"></script>
</head>

<body>

  <div class="calculator">

    <input type="text" class="calculator-dipalay" value="" disabled/>
  </div>
</body>

</html>

更换；by表示常量，您必须将

移动到

标记之前

</html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="calculator">
    <input type="text" class="calculator-dipalay" value="" disabled/>
  </div>
  <script src="myscript.js"></script>
</body>
</html>
const calculator={

const计算器={
displayValue:“0”，
第一个操作数：null，
等待第二个选项：false，
运算符：null}
函数updateDisplay（）{
const display=document.querySelector（'.calculator dipalay'）；
display.value=calculator.displayValue；
}
updateDisplay（）

const calculator
对象的格式不正确。请将脚本包含在正文末尾。您当前正在尝试访问尚未加载的元素（“calculator-dipalay”）。请尝试将脚本标记作为正文标记中的最后一项。JS文件可能在html加载完成之前被调用。我猜document.querySelector（'.calculator dipalay'）正在返回一个数组，之后您尝试将该数组的值设置为该数组，而不是将其设置为itAside中的项。从副本中描述的问题来看，您有一些基本语法错误。在浏览器中打开开发人员工具。看看控制台。阅读错误消息。这似乎可以解决问题，因为您正在该页面上的一个代码段中运行代码，但事实并非如此。真正的问题（您强调的语法问题除外）是，脚本在DOM准备就绪之前运行，因此`document.querySelector（'.calculator dipalay'）`返回未定义的结果。@Archer您是对的，它返回为未定义。我应该如何解决此问题？您需要移动到before标记以确保所有标记都已定义loaded@Archer我更新了答案是的，把脚本放在正文末尾之前是一个很好的做法
    displayValue: '0',
    firstOperand: null, 
    waitingForSecondOperand: false,
    operator: null }