Cómo mostrar resultado de un evento de JavaScript con un solo array en un html

Se define un array miArray con algunos elementos de ejemplo.
Se obtienen las referencias al botón y al div donde se mostrarán los resultados.
Se define una función mostrarArray que limpia el contenido previo del div, recorre el array, y crea un elemento <p> para cada ítem del array, añadiéndolo al div.
Se añade un evento click al botón que llama a la función mostrarArray cuando se hace clic en él.
Cuando hagas clic en el botón “Mostrar Array”, los elementos del array se mostrarán en el div resultado.

// Definir el array
const miArray = ["Elemento 1", "Elemento 2", "Elemento 3", "Elemento 4"];

// Obtener referencia al botón y al div donde se mostrarán los resultados
const boton = document.getElementById("mostrarArrayBtn");
const resultadoDiv = document.getElementById("resultado");

// Función para mostrar el array en el documento HTML
function mostrarArray() {
    // Limpiar el contenido previo
    resultadoDiv.innerHTML = '';

    // Recorrer el array y crear elementos para mostrar cada ítem
    miArray.forEach((item, index) => {
        const elemento = document.createElement("p");
        elemento.textContent = `${index + 1}. ${item}`;
        resultadoDiv.appendChild(elemento);
    });
}

// Añadir el evento al botón
boton.addEventListener("click", mostrarArray);