使用queryselector通过单击更改背景颜色

使用querySelector可以通过选择器选取DOM元素，然后通过添加事件监听器实现单击事件的响应，进而更改背景颜色。

代码示例：

document.querySelector("body").addEventListener("click", function() {
  var colors = ["red", "green", "blue", "yellow", "orange"];
  var randomColor = colors[Math.floor(Math.random() * colors.length)];
  document.querySelector("body").style.backgroundColor = randomColor;
});

解析：

通过querySelector选择器选取了body元素，并添加了click事件监听器。
在点击事件回调函数中，定义了一个颜色数组，存储了各种颜色。
通过Math.random()和Math.floor()生成一个随机数，利用数组长度来确定随机索引，从颜色数组中随机选择一种颜色。
将选取的body元素的背景颜色属性（style.backgroundColor）设置为选取的随机颜色。

这样，每次单击页面的body元素，背景颜色就会随机改变。这个功能可以用于增加页面的互动性和视觉效果。

腾讯云相关产品和介绍链接：

云服务器（CVM）：提供弹性扩展的云服务器实例，支持多种操作系统和实例规格。详情请见：https://cloud.tencent.com/product/cvm
云数据库 MySQL版：提供高性能、高可用的云数据库服务，支持自动备份和容灾能力。详情请见：https://cloud.tencent.com/product/cdb_mysql
云函数（SCF）：基于事件驱动的无服务器计算服务，提供按需计算能力，支持多种语言和触发方式。详情请见：https://cloud.tencent.com/product/scf
对象存储（COS）：提供安全可靠的云端存储服务，适用于图片、视频、音频等多媒体文件存储和分发。详情请见：https://cloud.tencent.com/product/cos
人工智能开放平台：提供丰富的AI能力和算法，支持图像识别、语音识别、自然语言处理等应用场景。详情请见：https://cloud.tencent.com/product/ai
物联网（IoT Hub）：提供全面的物联网解决方案，支持设备连接、数据采集和云端管理。详情请见：https://cloud.tencent.com/product/iothub
腾讯云区块链服务（TBaaS）：提供便捷的区块链技术服务，支持快速构建和部署区块链应用。详情请见：https://cloud.tencent.com/product/tbaas
腾讯云虚拟专用网（VPN）：提供安全的点对点连接，保障数据传输的机密性和完整性。详情请见：https://cloud.tencent.com/product/vpn
腾讯云防火墙（WAF）：提供Web应用程序防火墙，保护网站免受常见攻击和恶意行为。详情请见：https://cloud.tencent.com/product/waf
腾讯云直播（Live）：提供高清、低延时的音视频直播服务，适用于在线教育、电商直播等场景。详情请见：https://cloud.tencent.com/product/live
腾讯云点播（VOD）：提供稳定、高效的音视频点播服务，支持上传、转码和在线播放。详情请见：https://cloud.tencent.com/product/vod

请注意，以上产品和链接仅供参考，具体选择和推荐应根据实际需求进行评估和决策。