Entonces, para un proyecto escolar necesito hacer un sitio web. Soy muy nuevo en la programación pero he tenido experiencias en el pasado. Estaba haciendo una función de tabulación que mostraba un párrafo con información. Por razones personales bloqueé la información con un -, pero esta es la parte con la que tengo problemas.

HTML:

 <h1 class="text-center">CSS</h1 <div id="css"> <h2 class="text-center">-</h2> <p class="text-center">-</p> </div> <hr>

JavaScript:

 //Css toggle document.getElementById("css").onclick = function() { if (css1 == 0) { document.getElementById("css").style.display = "block"; css1 = 1 } else { document.getElementById("css").style.display = "none"; css1 = 0 } }

La parte con la que tengo problemas está en javascript.

documento.getElementById("css") .onclick = función() {

En la consola da un error que dice "Error de tipo no detectado: no se pueden establecer propiedades de nulo (estableciendo 'onclick')"

Mi pregunta es. ¿Qué está yendo mal?