你可以使用以下的HTML和JavaScript代码在浏览器中显示一个直径为100px的圆，并且每点击一次圆就让它的直径增加10px。
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>可点击的圆</title><style>#circle {width: 100px;height: 100px;background-color: lightblue;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 50px auto; /* 居中 */cursor: pointer; /* 鼠标悬停时显示手指图标 */}</style></head><body><div id="circle">点击我</div><script>const circle = document.getElementById('circle');circle.addEventListener('click', function() {let currentDiameter = parseInt(getComputedStyle(circle).width);let newDiameter = currentDiameter + 10; // 增加10pxcircle.style.width = newDiameter + 'px';circle.style.height = newDiameter + 'px';});</script></body></html>
将以上代码粘贴到一个HTML文件中，保存并用浏览器打开。当你点击圆形时，它的直径会增加10像素。
内容由零声教学AI助手提供，问题来源于学员提问
