resultado esperado: debe mostrarse div "test",

pero error en la consola: "Error de tipo no detectado: no se pueden leer las propiedades de nulo (leyendo 'estilo')"

Ya funcionó en el pasado, pero de alguna manera dejó de funcionar (supongo que se detuvo al dividir html, css y js en diferentes archivos, pero no estoy seguro)

Mi código fuente simplificado:

índice.html

 <link rel="stylesheet" type="text/css" href="./main.css"> <script src="./main.js"></script> <div id="test"> test </div>

principal.css

 #test{display: none}

principal.js

 //(agree not defined so typeof(agree) == undefined) if (agree == undefined) { document.getElementById("test").style.display = "block"; }

¿qué hice mal? o es en realidad el archivo dividido/js/css externo