1点击按钮，div的形状从正方形变成圆形，同时按钮内的文字从“圆形”变成“正方形" 2再次点击按钮，diy的形状从圆形变成正方形，同时按钮内的文字从“正方形”变成“圆形”。 提示:事件驱动程序中需要使用条件语句判断按钮的内容(innerHTML)。如果按钮的内容为“圆形”，执行1； 否则，执行2。

好的，这是一个前端的交互操作，可以使用JavaScript来实现。以下是代码示例：

HTML部分：

<button id="shape-btn" onclick="changeShape()">圆形</button>
<div id="shape" class="square"></div>

CSS部分：

.square {
  width: 100px;
  height: 100px;
  background-color: blue;
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: blue;
}

JavaScript部分：

function changeShape() {
  var shapeBtn = document.getElementById("shape-btn");
  var shape = document.getElementById("shape");
  
  if (shapeBtn.innerHTML == "圆形") {
    shape.classList.remove("square");
    shape.classList.add("circle");
    shapeBtn.innerHTML = "正方形";
  } else {
    shape.classList.remove("circle");
    shape.classList.add("square");
    shapeBtn.innerHTML = "圆形";
  }
}

当点击按钮时，会触发changeShape函数。在函数中，首先通过getElementById方法获取按钮和形状的元素，然后使用classList来添加或移除类名，从而改变形状。同时，根据按钮的内容来改变按钮的显示文字。