HTML電影院選座代碼
<!DOCTYPE html>
<html>
<head>
<title>電影院選座</title>
</head>
<body>
<h1>歡迎來到電影院！</h1>
<p>請選擇您的座位：</p>
<table>
<tr>
<td></td>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>1</td>
<td><button onclick="selectSeat('A1')">A1</button></td>
<td><button onclick="selectSeat('B1')">B1</button></td>
<td><button onclick="selectSeat('C1')">C1</button></td>
</tr>
<tr>
<td>2</td>
<td><button onclick="selectSeat('A2')">A2</button></td>
<td><button onclick="selectSeat('B2')">B2</button></td>
<td><button onclick="selectSeat('C2')">C2</button></td>
</tr>
<tr>
<td>3</td>
<td><button onclick="selectSeat('A3')">A3</button></td>
<td><button onclick="selectSeat('B3')">B3</button></td>
<td><button onclick="selectSeat('C3')">C3</button></td>
</tr>
</table>
<p>已選座位：</p>
<p id="selected"></p>
<script>
function selectSeat(seat) {
var selected = document.getElementById("selected");
selected.innerHTML += seat + " ";
var button = document.querySelector("button[onclick=\"selectSeat('" + seat + "')\"]");
button.disabled = true;
}
</script>
</body>
</html>以上代碼實現了一個簡單的電影院選座功能。使用了HTML的table標簽來展示座位的分布情況，并通過JavaScript實現了座位的選擇功能，選擇后將選中座位的信息顯示在頁面上。具有較好的可讀性和可維護性。