用html语言，页面中有三个按钮,分别控制网页中不同区域的轮播图转换。点击不同的按钮，每点击一次按钮后的数字加一，且按钮后的数字不会互相响应。按钮一播放第一张照片，按钮后的初始值为1，按钮二播放第二张照片，按钮后的初始值为2，按钮三播放第三张照片，按钮后的初始值为4

好的，这里给你一个使用HTML和JavaScript实现的示例代码：

HTML代码：

<div class="carousel-container">
  <div class="carousel" id="carousel1">
    <!-- 轮播图1的图片 -->
  </div>
  <div class="carousel" id="carousel2">
    <!-- 轮播图2的图片 -->
  </div>
  <div class="carousel" id="carousel3">
    <!-- 轮播图3的图片 -->
  </div>
</div>

<button id="btn1">按钮1<span id="count1">1</span></button>
<button id="btn2">按钮2<span id="count2">2</span></button>
<button id="btn3">按钮3<span id="count3">4</span></button>

CSS代码：

.carousel-container {
  /* 轮播图容器样式 */
}

.carousel {
  /* 轮播图样式 */
}

button {
  /* 按钮样式 */
}

JavaScript代码：

// 记录每个按钮对应的数字
var count1 = 1;
var count2 = 2;
var count3 = 4;

// 获取按钮和轮播图元素
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
var carousel1 = document.getElementById("carousel1");
var carousel2 = document.getElementById("carousel2");
var carousel3 = document.getElementById("carousel3");

// 为按钮添加点击事件监听器
btn1.addEventListener("click", function() {
  // 更新轮播图和数字状态
  carousel1.style.display = "block";
  carousel2.style.display = "none";
  carousel3.style.display = "none";
  count1++;
  document.getElementById("count1").innerHTML = count1;
});

btn2.addEventListener("click", function() {
  // 更新轮播图和数字状态
  carousel1.style.display = "none";
  carousel2.style.display = "block";
  carousel3.style.display = "none";
  count2++;
  document.getElementById("count2").innerHTML = count2;
});

btn3.addEventListener("click", function() {
  // 更新轮播图和数字状态
  carousel1.style.display = "none";
  carousel2.style.display = "none";
  carousel3.style.display = "block";
  count3++;
  document.getElementById("count3").innerHTML = count3;
});

这个示例代码会实现你的要求：点击不同的按钮，每点击一次按钮后的数字加一，且按钮后的数字不会互相响应。按钮一播放第一张照片，按钮后的初始值为1，按钮二播放第二张照片，按钮后的初始值为2，按钮三播放第三张照片，按钮后的初始值为4。如果你有任何问题或者需要进一步的帮助，请随时告诉我。