Minha tag h1 não é alterada a partir do momento que eu uso um arquivo js externo, ela funciona caso eu escreva o script dentro do index no final do código, mas caos eu exporte o main.js ela para de funcionar!
<h1 class="titulo"> Aparecida Nutrição </h1>
</main>
<script src="js/main.js"></script>
</body>
var titulo = document.querySelector(".titulo");
titulo.textcontent = "banana";