{"id":122863,"student_id":3463,"content":"{\"html\":\"\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\\t\u003ctitle\u003e井字遊戲\u003c/title\u003e\\r\\n \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n \u003ch1\u003eTic Tac Toe\u003c/h1\u003e\\r\\n \u003cdiv class=\\\"grid\\\"\u003e\\r\\n \u003cdiv id=\\\"a\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"b\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"c\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"d\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"e\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"f\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"g\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"h\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003cdiv id=\\\"i\\\" class=\\\"gray\\\"\u003e\u003c/div\u003e\\r\\n \u003c/div\u003e\\r\\n \u003cbutton\u003e再來一局!\u003c/button\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body {\\n text-align: center;\\n}\\n\\nh1 {\\n color: #dc685a;\\n}\\n\\nbutton {\\n padding: 10px;\\n border-width: 0px;\\n border-radius: 5px;\\n margin: 15px;\\n font-size: 16px;\\n color: #fff;\\n background-color: #ecaf4f;\\n}\\n\\n/* 設定格子大小,並使他置中 */\\n.grid {\\n width: 330px;\\n height: 330px;\\n margin: auto;\\n}\\n\\n.grid div {\\n font-size: 60px;\\n font-weight: bold;\\n color: #ffffff;\\n text-shadow: 0px 0px 10px #999;\\n box-shadow: 0px 0px 10px #999;\\n border-radius: 10px;\\n\\n /*將div設為正方形大小*/\\n width: 100px;\\n height: 100px;\\n margin: 5px;\\n float: left;\\n line-height: 100px;\\n\\n /*透過浮動,使div不會直接換行*/\\n\\n /*設定行高跟正方形一樣高,使字的可以在格子上下位置的中間*/\\n\\n /*使指標碰到格子時,變換樣式*/\\n\\n\\n}\\n\\n\\n\\n.gray {\\n background-color: #555555;\\n\\n}\\n.gray:hover {\\n background-color: #333333;\\n}\\n\\n.orange {\\n background-color: #ecaf4f;\\n}\\n\\n.red {\\n background-color: #dc685a;\\n}\",\"js\":\"var current = 'O'\\nvar available = 't'\\n$('.grid div').click(place)\\nfunction place(){\\n if (current == 'O' \u0026\u0026 $(this).text() != 'O' \u0026\u0026 available == 't') {\\n current = 'X' \\n $(this).removeClass('gray')\\n $(this).addClass('orange')\\n } else if(current == 'X' \u0026\u0026 $(this).text() != 'X' \u0026\u0026available == 't'){\\n current = 'O'\\n $(this).removeClass('gray')\\n $(this).addClass('red')\\n }\\n $(this).text(current) \\n\\nvar a = $('#a').text();\\nvar b = $('#b').text();\\nvar c = $('#c').text();\\nvar d = $('#d').text();\\nvar e = $('#e').text();\\nvar f = $('#f').text();\\nvar g = $('#g').text();\\nvar h = $('#h').text();\\nvar i = $('#i').text();\\n\\n\\ncheck(a, b, c)\\ncheck(d, e, f)\\ncheck(g, h, i)\\ncheck(a, d, g)\\ncheck(b, e, h)\\ncheck(c, f, i)\\ncheck(a, e, i)\\ncheck(c, e, g)\\n}\\nfunction check(x, y, z){\\n if (x == y \u0026\u0026 y ==z \u0026\u0026 x != '') {\\n $('h1').text(x+'獲勝')\\n var available = 'f'\\n }\\n}\\n$('button').click(reset)\\nfunction reset(){\\n $('h1').text('Tic Tac Toe')\\n $('.grid div').text('')\\n $('.grid div').removeClass()\\n $('.grid div').addClass('gray')\\n var available = 't'\\n}\\n\\n\\n\\n\\n\"}","created_at":"2020-02-01T13:41:25.583+08:00","updated_at":"2020-02-17T19:42:20.516+08:00","name":"井字遊戲(S) 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/122863/879aa16b76da3cec6ba08cacf555d839.jpg"},"parent_id":76659,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":95,"hashid":"882swe9w","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦