如何在HTML5中将日期输入连接到图像输出

<input type="date" id="dateInput">

<img id="imageOutput" src="">

<script>
    const dateInput = document.getElementById("dateInput");
    const imageOutput = document.getElementById("imageOutput");

    dateInput.addEventListener("change", function() {
        const selectedDate = dateInput.value;
        const imageUrl = generateImageUrl(selectedDate);
        imageOutput.src = imageUrl;
    });

    function generateImageUrl(date) {
        // 在这里根据日期生成图像的URL
        // 例如：https://example.com/images?date=2022-01-01
        return "https://example.com/images?date=" + date;
    }
</script>