Estoy tratando de incrementar un botón al hacer clic desde un archivo js externo. Cuando hago clic en el botón, aparece un mensaje de error que me dice que el incremento de mi función no está definido. ¿Cómo llegar a una función para un archivo js externo en html? Gracias por adelantado. sandbox index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>webpack starterkit</title> </head> <body> <div id="app"> <h1>People entered:</h1> <h2 id="count-el">0</h2> </div> <button id="increment-btn" onclick="increment()">Increment</button> <script type="text/javascript" src="scripts/index.js"></script> </body> </html>índice.js
let count = 0; let countEl = document.getElementById("count-el"); console.log(countEl); document.getElementById("count-el").innerText = count; function increment() { count = count + 1; countEl.innerText = count; } increment();