html+Js从52中图片中随机抽取一张
时间: 2024-01-23 19:01:58 浏览: 110
斜策略:Brian Eno的斜策略的网络版本。 每张卡都提供了一个约束条件,旨在通过鼓励横向思维来帮助音乐家打破创造性障碍。 由HTML,CSS和大量JavaScript制成
你可以使用以下代码来实现从52张图片中随机抽取一张的功能:
HTML:
```html
<img id="random-image" src="" alt="随机图片">
<button onclick="randomImage()">抽取随机图片</button>
```
JavaScript:
```javascript
function randomImage() {
var randomNumber = Math.floor(Math.random() * 52) + 1;
var imagePath = "images/image" + randomNumber + ".jpg";
document.getElementById("random-image").src = imagePath;
}
```
这段代码会生成一个包含一个空图片的 HTML 元素和一个按钮,当点击按钮时,会使用 JavaScript 代码生成一个随机数,然后根据随机数确定要显示的图片的路径,并将其设置到图片元素的 `src` 属性中。这样就能实现从52张图片中随机抽取一张的功能了。
阅读全文