导读 大家好呀!今天来分享一个有趣的小技巧——如何通过点击按钮,在网页中的``标签里生成并显示随机数呢?😉 这个功能不仅简单易学,还能为你...
大家好呀!今天来分享一个有趣的小技巧——如何通过点击按钮,在网页中的`
`标签里生成并显示随机数呢?😉 这个功能不仅简单易学,还能为你的网站增添不少互动性哦!
首先,你需要创建一个HTML页面,里面包含一个按钮和一个用于展示结果的`
`。例如:
```html
```
然后,用JavaScript来实现点击按钮后生成随机数的功能。代码如下:
```javascript
document.getElementById('randomBtn').addEventListener('click', function() {
const randomNumber = Math.floor(Math.random() 100); // 生成0-99之间的随机整数
document.getElementById('result').innerText = `随机数是:${randomNumber}`;
});
```
这样,每次点击按钮时,`
`中就会显示一个新的随机数啦!🎉
是不是超级简单?快试试吧!😉