梅子的網際網路學習歷程
JavaScript 隨機點名練習頁
← 回首頁

隨機點名練習

把學生名字貼上來,按下「建立名單」後,就可以使用「隨機點名」功能,每位學生只會被點到一次。

練習重點:字串切割、陣列操作(加入、移除)、Math.random()、狀態紀錄。

步驟一:輸入或貼上學生名單

名字之間可以用「換行」、「逗號」、「頓號」或空白分隔,例如:

小明, 小美, 小華, 小英

小明
小美
小華
小英

目前尚未建立名單。

步驟二:開始隨機點名

按下「隨機點名」後,系統會從「尚未點到的學生」中抽出一位,同一輪不會重複點到。

本次點到的學生:
點名紀錄(最新在最前面):
小技巧:若同一班固定座位,可以照座號先輸入一整份名單, 上課時就只要按「隨機點名」按鈕即可,不需要重新輸入。
延伸作業題目:
  • 在畫面上加一個「只顯示尚未點到名單」的區塊,方便老師確認。
  • 加入「本節課已點到幾次」的次數統計,例如每位學生被點到的次數。
  • 讓學生自己改版:把背景顏色、字體大小、按鈕文字改成自己喜歡的風格。