Week13- 圈圈叉叉小遊戲
步驟1. 新增plugins
步驟2. 輸入plugin的名稱後確認新增
步驟3. 新增完成後,可在右上側選單看到新增後的結果
步驟4. 在設定檔內輸入plugin的設定
{
"plugins": [
"codepen"
]
}
步驟5. 等待安裝完成後,在自己的gitbook裡加入下面的程式碼,嵌入上課所教的結果。
[](codepen://localking525/yNaPVv?height=800&theme=0)
localking525 => 為註冊codepen時的帳號
yNaPVv => 為上課所撰寫的程式序號(codepen系統產生)
查詢自己的code連結
步驟1. 登入codepen後點選右上角的icon
步驟2. 點選作品進入編輯的狀態
步驟3. 觀察自己的網址列
範例內的網址為 http://codepen.io/localking525/pen/yNaPVv
帳號 = localking525
程式序號 = yNaPVv
新增完成後以read gitbook的方式查看結果
成功後將頁面網址複製到my2上面繳交作業
若能做出交替的出現 O 與 X 的人 加分!!!
第一次點擊框框出現O
第二次點擊框框出現X
第三次點擊框框出現O