Error ocultando divs con javascript. ¿Cómo lo soluciono?

Question

Hola.
Intente ocultar unos divs con javascript y me apareció un error en la consola --> "Uncaught TypeError: Cannot set property 'display' of undefined". No sé como solucionarlo, puede que sea algo muy básico pero necesito soluciones

Hice algo rápido para mostrar mi problema. Lo dejó aquí abajo.

---> https://code.sololearn.com/W4073JUYHK7k <---

En este, lo que quiero es que dependiendo del valor de la variable nP debe mostrarse un solo div y los otros deben ocultarse.

Answer 1

El primer problems es que estas tratando de acceder a un elemento del DOM cuando no se ha cargado aun, .getElementsByClassName retorna undefined si no encuentra ningún elmento, lo que pues hacer es poner el código dentro de una función y luego ejecutarla cuando cargue la pagina, puedes usar window.onload = tuFuncion;

El segundo problema es que estas usando .getElemntsByClassName es decir que estas obteniendo todos los elementos con un nombre de clase dado es decir que te devolverá un array, puedes solucionarlo de dos formas una es obteniendo el primer elemento del arreglo asi:
document.getElementsByClassName("p1")[0]

Y la otra forma es usando document.querySelector

Te dejo el código aquí

https://code.sololearn.com/WWDVvUdRhWcG/?ref=app