Cuando hago clic en el botón con el Id "agregar", agregará un div con la clase "nota" a un espacio que denominé "espacio de notas", dentro de la nota habrá un elemento div con la clase "expandir" que funcionará como un botón.

Mi objetivo es poder cambiar los atributos de estilo del elemento principal "nota" haciendo clic en el div "expandir" dentro de él.

Intenté cambiar el tamaño de la nota a 3000 px, pero recibí un mensaje de error, este:

TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'estilo')

¿Alguna idea sobre cómo puedo solucionar esto?

 <script> var add = document.getElementById("add"); add.addEventListener("click", function(){ var textValue = text.value; var p = document.createElement("p"); p.innerHTML = "<div class='note'>" + textValue + "<br/><br/><div class='expand'> Expand </div></div>"; notespace.appendChild(p); text.value = ""; for( var i = 0; i < expand.length; i++){ expand[i].addEventListener("click", function(){ notes[i].style.size = "3000px"; }) } }) </script>