solo preguntaba cuándo intenté usar este código let countEl = document.getElementById('count-el'); console.log(countEl) dentro de mi archivo html, el resultado en console.log muestra este resultado <h2 id="count-el">0</h2> Sin embargo, cuando traté de crear un archivo para javascript, obtengo esto resultado null , ¿puede decirme por qué sucede eso cuando se usa un archivo externo? porque quiero obtener el resultado como en el js interno
let countEl = document.getElementById('count-el'); console.log(countEl) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> <script src="function.js"></script> </head> <body> <h2 id="count-el">0</h2> <button class="increment" onclick="increment()">INCREMENT</button> </body> </html>