Hola, estoy trabajando en un editor de sitios web de componentes de arrastrar y soltar. Así que agregué un botón cuando hace clic en él, muestra un elemento de entrada y su entrada se convierte en el texto de un elemento de párrafo que se empuja a una matriz cada vez que lo hace. Mi problema es que quiero hacerlo de modo que cuando haga clic con el mouse. la posición x,y del mouse se convierte en la propiedad superior izquierda del elemento de párrafo Pero me envía un error que dice: No se pueden leer las propiedades de indefinido (leyendo 'izquierda') Ya tengo el código que obtiene la posición del mouse, así que no preocúpate Aquí está el código

 //imports import {mouse} from '/mouse.js' //variables let text_data_holder = document.getElementById('text-field') let text_data = '' //Creating text let text_array = [] text_button.addEventListener('click', function() { text_data_holder.style.display = 'block' }) text_data_holder.addEventListener('change', function(e) { e.preventDefault() text_data += e.target.value for(let i = 0; i < 1; i++){ text_array[i] = document.createElement('p') .innerText = text_data text_data_holder.after(text_array[i]) console.log(text_data) text_array[i].left = mouse.x } })