HTML 是一種標記語言，用于構建 Web 頁面。其中一個常見的應用場景是生成姓氏隨機代碼。這個代碼將隨機生成一個姓氏并將其與一個數字相關聯，形成一個唯一的標識符，用于識別個人或組織的身份等操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>生成姓氏隨機代碼</title>
</head>
<body>
<h1>隨機代碼生成器</h1>
<!-- 姓氏列表 -->
<ul id="names">
<li>張</li>
<li>王</li>
<li>李</li>
<li>趙</li>
<li>錢</li>
<li>孫</li>
<li>周</li>
<li>吳</li>
<li>鄭</li>
<li>陳</li>
</ul>
<button onclick="genCode()">生成代碼</button>
<p id="code"></p>
<script>
// 隨機生成姓名
function genName() {
let list = document.querySelectorAll("#names li");
let index = Math.floor(Math.random() * list.length);
return list[index].innerHTML;
}
// 生成代碼
function genCode() {
let name = genName();
let num = Math.floor(Math.random() * 1000);
let code = name + "-" + num;
document.querySelector("#code").innerHTML = "您的唯一代碼是：" + code;
}
</script>
</body>
</html>以上代碼中，我們通過 JavaScript 生成了一個隨機的姓氏和一個隨機的數字，并將它們按照指定格式進行組合生成一個唯一的代碼。代碼通過 HTML 的 ul 和 li 標簽進行姓氏列表的展示，并通過 button 標簽實現了代碼的生成與展示。同時，我們也使用了常見的 CSS 來美化界面。
總的來說，通過 HTML 、CSS 和 JavaScript 的結合，我們可以很容易地生成一個簡單的姓氏隨機代碼器，幫助我們快速生成唯一的代碼，實現一些目的，例如姓氏調查、人員識別等等。