Estoy estudiando la parte de eventos en JS y bueno he estado en esta parte y no se porque mi código falla, ya que le asigno que busque el primer elemento que seria button en el html y no entiendo que dice que es null, y si la defino en la consola con el mismo código si funciona y no termino de entender por completo el funcionamiento de la funcion querySelector(). Tambien intente con clases y no funcionaba. Aqui esta mi código html:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<p>Preuba </p>
<button class="button">Enviar</button>
</body>
</html>
Ese es mi html y mi app es:
const button1 = document.querySelector('button');
alert(" ");
alert(button1.textContent);
¿Cuál es el problema?