如何在单独的 js 文件中使用 document.getElementById()？

Question

第一次学习如何做 webdev，为了让事情更整洁，我将我的脚本存储在他们自己的文件中。 我一直在试图弄清楚如何从这个单独的文件中访问元素，但我不知道如何。

这是JS文件的相关位

function getSelectedText() {
        if document.getElementById("card1").checked == true {
            //code here
        }
}

这是它试图访问的相关 HTML

<script type="text/javascript" src="js/cards.js"></script>
<input id="card1" type="radio" name="card" value="1" checked>Test1<br>
<input id="card2" type="radio" name="card" value="2">Test2<br>
<input id="card3" type="radio" name="card" value="3">Test3<br>
<button onclick="updateCard()">View card</button>

我想访问和编辑无线电输入，但是当我尝试参考文档时，JavaScript 文件会引发错误。 有什么方法可以引用 HTML 文件，还是我需要使用不同的方法/将代码推入 html？

Answer 1

首先，它应该是：

if (document.getElementById("card1").checked)

你忘记了那对支架。 至于让 JavaScript 代码工作，您需要在 HTML 文件中添加一个<script src="your js file"></script>元素，并且代码应该可以正常工作。