HTML是一種用于創建網頁的標記語言。其中包含了大量的標簽和屬性，可以創建出豐富多彩的網頁。
今天我們來學習一種非常有趣的HTML代碼，它可以將網頁上的數字顛倒過來展示。
<!DOCTYPE html>
<html>
<head>
<title>數字顛倒</title>
<meta charset="UTF-8">
</head>
<body>
<p>輸入一個數字:</p>
<input type="text" id="number">
<br>
<button onclick="reverse()">顛倒</button>
<br>
<p id="result"></p>
<script>
function reverse() {
var num = document.getElementById("number").value;
var result = "";
for (var i = num.length - 1; i >= 0; i--) {
result += num[i];
}
document.getElementById("result").innerHTML = "顛倒后的數字是：" + result;
}
</script>
</body>
</html>代碼中首先創建了一個輸入框和一個按鈕，讓用戶輸入數字并按下按鈕執行顛倒操作。在代碼中加入了一個名為reverse()的函數，在函數中使用for循環將數字顛倒。然后將顛倒后的數字用innerHTML方法寫入id為result的p標簽中。
最終效果是用戶輸入的數字會被顛倒后展示出來。這種HTML代碼可以用于各種場景，比如驗證碼等等。希望大家能夠喜歡這種有趣的代碼，開心地學習HTML。
上一篇css 制作賽程表