Adjuntar Imágenes

CODE

<h1>Adjuntar Imágenes</h1>
<div class="blokeAddImage" id="imageContainer">   
    <div>
        <label for="image-url">Introduce la URL de la imagen:</label>
        <input type="text" id="image-url">
        <button onclick="agregarImagen()">Agregar Imagen</button>
    </div>

    <div class="image-container" id="imageContainer">
    </div>
</div>
    <script>
        function agregarImagen() {
            var imageUrl = document.getElementById("image-url").value;
            if (imageUrl !== "") {
                var imageElement = document.createElement("img");
                imageElement.className = "image";
                imageElement.src = imageUrl;
                document.getElementById("imageContainer").appendChild(imageElement);
            }
        }
    </script>