2025-04-08 13:54:02

🌟js随机数 | 点击按钮让div里出现随机数🌟

导读 大家好呀!今天来分享一个有趣的小技巧——如何通过点击按钮,在网页中的``标签里生成并显示随机数呢?😉 这个功能不仅简单易学,还能为你...

大家好呀!今天来分享一个有趣的小技巧——如何通过点击按钮,在网页中的`

`标签里生成并显示随机数呢?😉 这个功能不仅简单易学,还能为你的网站增添不少互动性哦!

首先,你需要创建一个HTML页面,里面包含一个按钮和一个用于展示结果的`

`。例如:

```html

```

然后,用JavaScript来实现点击按钮后生成随机数的功能。代码如下:

```javascript

document.getElementById('randomBtn').addEventListener('click', function() {

const randomNumber = Math.floor(Math.random() 100); // 生成0-99之间的随机整数

document.getElementById('result').innerText = `随机数是:${randomNumber}`;

});

```

这样,每次点击按钮时,`

`中就会显示一个新的随机数啦!🎉

是不是超级简单?快试试吧!😉