在java script中用while循环写一个点击一组按钮中任意一个按钮,其他按钮随机变化颜色
时间: 2023-08-29 11:07:40 浏览: 105
假设你的按钮都有一个 class 名称为 `btn`,你可以使用以下代码实现:
```javascript
const buttons = document.querySelectorAll('.btn'); // 获取所有按钮
// 点击任意一个按钮后执行的函数
const onClickButton = (event) => {
// 遍历所有按钮
buttons.forEach(btn => {
if (btn === event.target) { // 如果是点击的按钮
btn.style.backgroundColor = 'red'; // 把背景颜色改成红色
} else {
btn.style.backgroundColor = getRandomColor(); // 否则随机改变背景颜色
}
});
};
// 随机生成一个颜色
const getRandomColor = () => {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
};
// 给每个按钮添加点击事件监听器
buttons.forEach(btn => {
btn.addEventListener('click', onClickButton);
});
```
这样,当你点击任意一个按钮时,其他按钮的背景颜色就会随机变化。
阅读全文