HTML5 : 大數的讀與寫小工具

國小中年級數學會改到眼花的作業，認識大數的單元一定是前三名，盯著一排排的數字，看半天，真的會老眼昏花！今天在 HTML5 FUN 上架了一個大數讀寫的小工具，它有五種玩法，五個範圍，可以當教具，也可以讓學生拿來複習大數的讀與寫。這一則文就來簡單地介紹一下。想立即玩玩看，就按一下紅色按鈕啟動：

▋ 功能簡介

大數的讀與寫小工具分為五種模式：

1. 看數字猜中文：這個模式先顯示每一位的阿拉伯數字的卡片，中文卡片則有三種狀態
• 問號
• 中文數字
• 幾個單位
2. 看中文猜數字：這個模式先顯示中文數字，阿拉伯數字的卡片按了以後才會顯；中文卡片按了則可以顯示幾個單位。
3. 輸入中文：題目在阿拉伯數字卡片上，以手寫輸入在空白的中文卡片上，一張張寫出對應的中文字。如果按下方的筆形按鈕，則是以手寫或是鍵盤輸入數字完整的「讀法」才能過關。
4. 輸入數字：題目在中文數字卡片上，以手寫直接在空白的阿拉作數字卡片上，一張張寫出對應的數字，如果按下方的筆形按鈕，則是以手寫或是鍵盤輸入完整的數字。
5. 輸入讀法：題目在阿拉伯數字上片上，以手寫的方式在方格中，一格一個字寫出完整的讀法。
   [小技巧] 方格只要由左往右，由上往下使用，可以自行分行寫，例如一億以上的大數，可以分為三行來寫，第一行寫到億，第二行寫到萬，剩下的寫到第三行，這樣更有結構，好看又好更改。

每一種模式都可以選擇數字的位數包括：

• 一百以內
• 一千以內
• 一萬以內
• 一億以內
• 一億以上

模式1、模式2 在定位板右上角有 [翻開全部」的按鈕，可以一次將卡片翻面，按過以後會變成 [全部重罝] ，按下後恢復為蓋牌的狀態。

如果想出新的題目，可以按定位板右上角的 [下一題] 鈕，或是上方的功能鈕。

在畫面下方的 [讀作] 鈕除了可以看文字，也會以 TTS 合成語音的方式讀出數字。

▋ Q & A

• Q : 模式1和模式2中，卡片上方的鎖頭按鈕是做什麼的？
• A : 按下鎖頭按鈕，該位置的數字就會被鎖住，按 [下一題] 按鈕後，只會針對未上鎖的位置重出題目，方便教學應用。
• Q : 模式1和模式2中，卡片下方的加、減號是做什麼的？
• A : 加、減號按鈕可以用來調整該位置的數字，方便教學應用。

▋ 相關連結

• 雄 : HTML5 FUN 精選集

▋ 更新記錄

• 2025.08.07 修正 TailwindCSS 缺漏的色碼；手寫辨識如果是在卡片上或是方格中者，只取辨識完的第一個字，以免因為不小心誤畫的字被辨識到，造成使用者除錯時的困擾，所以如果在卡片中寫「五萬」只會取「五」，模式3,4下方的手寫區才會取多個字的辨識結果。
• 2025.08.06 發布。
• 2025.07.30 v1.0