我的HTML网页使用的背景是一张图片如何用JavaScript调整背景图片的亮度？

要用JavaScript调整HTML网页背景图片的亮度，可以通过以下步骤实现：

首先，给HTML网页的图片设置一个id，以便JavaScript可以找到它。例如，给图片添加一个id属性：<img id="background-image" src="background.jpg">。
在JavaScript中，使用getElementById方法获取图片元素。例如，const backgroundImage = document.getElementById("background-image");。
使用style属性中的filter样式来调整图片的亮度。例如，使用backgroundImage.style.filter = "brightness(50%)"来将亮度设置为50%。可以调整brightness的值来实现不同的亮度效果。

以下是一个完整的示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Adjust Background Image Brightness</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            background-color: black;
        }
    </style>
</head>
<body>
    <img id="background-image" src="background.jpg" style="width: 100%; height: 100%; object-fit: cover;">
    
    <script>
        const backgroundImage = document.getElementById("background-image");
        backgroundImage.style.filter = "brightness(50%)";
    </script>
</body>
</html>

上述代码将背景图片的亮度设置为50%。根据需要，可以调整brightness的值来达到期望的亮度效果

我的HTML网页使用的背景是一张图片如何用JavaScript调整背景图片的亮度？