As I dive into learning web development for the first time, I've decided to keep my scripts organized in separate files. However, I'm facing a challenge when trying to access elements from these external files.
Below is a snippet of the JavaScript file:
function getSelectedText() {
if document.getElementById("card1").checked == true {
//code here
}
}
And here is the HTML it's attempting to access:
<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>
I'm struggling to manipulate the radio inputs as the JavaScript file throws an error when referencing the document. Is there a way to achieve this without embedding the code directly into the HTML or should I consider an alternative method?