切换背景和文字 // 要求:点击左上角按钮，实现背景页面图片的修改，按钮中的文字也随之修改

你想要实现一个点击左上角按钮后，能够切换背景页面图片和按钮中的文字，对吗？那么你可以按照以下步骤进行：

1. 首先，你需要在 HTML 中添加一个按钮，并设置其 ID 和点击事件。比如：

<button id="change-background-btn" onclick="changeBackground()">切换背景</button>

2. 接着，在 JavaScript 中定义一个 `changeBackground` 函数，用于切换背景和按钮文字。比如：

function changeBackground() {
  // 获取按钮元素
  let btn = document.getElementById("change-background-btn");

  // 获取当前背景图片的 URL
  let currentBgUrl = document.body.style.backgroundImage;

  // 定义一个数组，存储所有可选的背景图片 URL
  let bgUrls = [
    "url('背景图片1的URL')",
    "url('背景图片2的URL')",
    "url('背景图片3的URL')"
  ];

  // 获取当前背景图片在数组中的索引
  let currentBgIndex = bgUrls.indexOf(currentBgUrl);

  // 如果当前背景图片是数组中的最后一张，则切换到第一张；否则切换到下一张
  let nextBgIndex = currentBgIndex === bgUrls.length - 1 ? 0 : currentBgIndex + 1;

  // 设置新的背景图片和按钮文字
  document.body.style.backgroundImage = bgUrls[nextBgIndex];
  btn.textContent = `当前背景：背景图片${nextBgIndex + 1}`;
}

在上面的代码中，我们通过 `document.getElementById` 方法获取按钮元素，通过 `document.body.style.backgroundImage` 获取当前背景图片的 URL，通过数组 `bgUrls` 存储所有可选的背景图片 URL。然后，我们获取当前背景图片在数组中的索引，计算出下一张背景图片的索引，设置新的背景图片和按钮文字。

需要注意的是，在实际使用时，你需要将代码中的 `背景图片1的URL`、`背景图片2的URL`、`背景图片3的URL` 替换成你实际使用的图片的 URL。