在HTML中，我們可以通過設(shè)置點(diǎn)擊事件來實(shí)現(xiàn)在網(wǎng)頁上顯示數(shù)字的功能。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示數(shù)字</title>
</head>
<body>
<p id="demo"></p>
<button onclick="displayNumber()">點(diǎn)擊顯示數(shù)字</button>
<script>
function displayNumber() {
var number = Math.floor(Math.random() * 100);
document.getElementById("demo").innerHTML = "隨機(jī)數(shù)字為：" + number;
}
</script>
</body>
</html>代碼解析：
1. 在代碼段落中，我們使用pre標(biāo)簽來展示HTML代碼。
2. 在HTML中，通過p標(biāo)簽創(chuàng)建一個(gè)空標(biāo)簽，id設(shè)為“demo”，用來顯示數(shù)字。
3. 在HTML中，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，點(diǎn)擊后觸發(fā)displayNumber函數(shù)來生成并展示數(shù)字。
4. 在JS中，使用Math對象和floor方法生成一個(gè)隨機(jī)數(shù)字。使用innerHTML方法將數(shù)字插入到p標(biāo)簽中展示。
5. 最后將JS代碼放在script標(biāo)簽中。我們可以看到，在HTML中，通過設(shè)置點(diǎn)擊事件并使用JavaScript代碼，我們可以很方便地實(shí)現(xiàn)在網(wǎng)頁上顯示數(shù)字的功能。