用java script写一个点击一组按钮中任意一个按钮,其他按钮随机变化颜色
时间: 2023-08-29 10:07:40 浏览: 47
好的,以下是实现该功能的Javascript代码:
HTML代码:
```html
<button class="button">按钮1</button>
<button class="button">按钮2</button>
<button class="button">按钮3</button>
<button class="button">按钮4</button>
```
Javascript代码:
```javascript
// 获取所有按钮
const buttons = document.querySelectorAll('.button');
// 随机生成颜色
function getRandomColor() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
// 给所有按钮添加点击事件
buttons.forEach(button => {
button.addEventListener('click', () => {
// 获取当前按钮的颜色
const currentColor = button.style.backgroundColor;
// 其他按钮随机变化颜色
buttons.forEach(otherButton => {
if (otherButton !== button) {
let newColor;
do {
newColor = getRandomColor();
} while (newColor === currentColor);
otherButton.style.backgroundColor = newColor;
}
});
});
});
```
运行该代码后,在点击任意一个按钮后,其他按钮的颜色会随机变化。