请使用js实现点击按钮随机生成方块
时间: 2024-03-09 16:44:22 浏览: 113
好的,以下是使用 JavaScript 代码实现点击按钮随机生成方块的示例:
HTML 部分:
```html
<button onclick="generateSquare()">生成方块</button>
<div id="square-container"></div>
```
JavaScript 部分:
```javascript
function generateSquare() {
// 随机生成颜色
const randomColor = Math.floor(Math.random() * 16777215).toString(16);
// 创建方块元素
const square = document.createElement("div");
square.style.width = "50px";
square.style.height = "50px";
square.style.backgroundColor = "#" + randomColor;
// 将方块添加到容器中
const container = document.getElementById("square-container");
container.appendChild(square);
}
```
每次点击按钮时,该函数会生成一个随机颜色的方块,并将其添加到指定的容器中。
阅读全文