🔢 ASCII Code 查詢（無廣告）

flowchart TD
    INIT["頁面載入\nJS IIFE 自執行"] --> LOOP["for (i = 0; i <= 127; i++)\n產生 128 筆 ASCII 物件"]
    LOOP --> OBJ["每筆物件結構：\n{ dec, hex(0x41), oct(0101),\n  bin(01000001), ch, cls,\n  hay: 全欄位合併小寫 }"]
    OBJ --> TBL["渲染 <table#ascii-table>\n五欄：Dec · Hex · Oct · Bin · Char/描述\n控制碼 0–31,127 橘色(ctrl-char)\n可印字 32–126 藍色(print-char)"]

    TBL --> INPUT["使用者輸入關鍵字\n<input#ascii-search>"]
    INPUT --> FILTER["input 事件 → search()\n轉小寫 → 比對 hay 欄位\nhay.indexOf(kw)"]
    FILTER -->|"例：65"| M1["命中 dec=65\n→ 顯示 A"]
    FILTER -->|"例：0x41"| M2["命中 hex=0x41\n→ 顯示 A"]
    FILTER -->|"例：tab"| M3["命中 ch='HT (Tab)'\n→ 顯示 dec=9"]
    M1 --> RENDER["即時重繪 tbody.innerHTML\n顯示 N / 128 筆"]
    M2 --> RENDER
    M3 --> RENDER

    RENDER --> CLICK["點擊任一 <td>\ntd.textContent.trim()"]
    CLICK --> COPY["navigator.clipboard.writeText()\n→ Toast「已複製：A」"]