2023高雄市青少年機器人
2023/7/15(星期六)
創意軌道抽籤程式-三組擇一
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div align="center">
<Font color='Green' size="40">2023高雄市青少年機器人創意軌道抽籤程式</font><br>
<table>
<tr>
<td><Font color='Blue' size="40">軌道一:</font></td>
<td><Font color='Blue' size="40"><div id="track1"></div></font></td>
</tr>
<tr>
<td><Font color='Blue' size="40">軌道二:</font></td>
<td><Font color='Blue' size="40"><div id="track2"></div></font></td>
</tr>
<tr>
<td><Font color='Blue' size="40">軌道三:</font></td>
<td><Font color='Blue' size="40"><div id="track3"></div></font></td>
</tr>
<tr>
<td><Font color='Red' size="40">加分點:</font></td>
<td><Font color='Red' size="40"><div id="bonus"></div></font></td>
</tr>
</table>
<br>
<button style="font-size: 40px;" onclick="drawLots()">抽籤</button>
</div>
<script>
function drawLots() {
var track1 = [];
var track2 = [];
var track3 = [];
var bonus = [];
// 產生軌道數字
while (track1.length < 4) {
var num = Math.floor(Math.random() * 9) + 1;
if (!track1.includes(num)) {
track1.push(num);
}
}
while (track2.length < 4) {
var num = Math.floor(Math.random() * 9) + 1;
if (!track2.includes(num)) {
track2.push(num);
}
}
while (track3.length < 4) {
var num = Math.floor(Math.random() * 9) + 1;
if (!track3.includes(num)) {
track3.push(num);
}
}
// 產生加分點
while (bonus.length < 3) {
var letter = String.fromCharCode(Math.floor(Math.random() * 7) + 66);
bonus.push(letter);
}
// 更新軌道和加分點顯示
track1.sort();
track2.sort();
track3.sort();
document.getElementById('track1').innerHTML = track1.join(' ');
document.getElementById('track2').innerHTML = track2.join(' ');
document.getElementById('track3').innerHTML = track3.join(' ');
document.getElementById('bonus').innerHTML = bonus.join(' ');
}
</script>
</body>
</html>