<button id="myButton">Click me</button>
<script>
var button = document.getElementById("myButton");
// 添加点击事件监听器
button.addEventListener("click", function() {
// 随机生成一个颜色
var color = getRandomColor();
// 更改背景颜色
button.style.backgroundColor = color;
});
// 生成随机颜色的函数
function getRandomColor() {
var letters = "0123456789ABCDEF";
var color = "#";
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
前端笔记:单击变换botton颜色
最新推荐文章于 2024-07-04 20:21:08 发布