算數炸彈T 副本 | 程式專案

{"id":88017,"student_id":1404,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"bar\\\"\u003e\u003c/div\u003e\\n    \u003ch2 id=\\\"level\\\"\u003e Level: ? \u003c/h2\u003e\\n    \u003ch1 id=\\\"formula\\\"\u003e? + ? = ?\u003c/h1\u003e\\n    \u003cbutton id=\\\"btn-yes\\\"\u003eO\u003c/button\u003e\\n    \u003cbutton id=\\\"btn-no\\\"\u003eX\u003c/button\u003e\\n    \u003ch2 id=\\\"gameover\\\"\u003eGameOver\u003c/h2\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\\n\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}body {\\n    text-align: center;\\n    color: #555555;\\n    font-family: Arial;\\n}\\n\\nh1 {\\n    font-size: 4rem;\\n}\\n\\n#gameover {\\n    color: #ec6d67;\\n    display: none;\\n}\\n\\n#bar {\\n    width: 100%;\\n    height: 10px;\\n    background-color: #f1c40f;\\n    margin-bottom: 60px;\\n}\\n\\nbutton {\\n    padding: .5rem 1.5rem;\\n    font-size: 2rem;\\n    font-weight: bold;\\n    outline: none;\\n    cursor: pointer;\\n}\\n\\n#btn-yes {\\n    color: #2cbeff;\\n    border: 3px solid #2cbeff;\\n}\\n\\n#btn-yes:hover {\\n    color: #fff;\\n    background-color: #2cbeff;\\n}\\n\\n#btn-no {\\n    color: #ec6d67;\\n    border: 3px solid #ec6d67;\\n}\\n\\n#btn-no:hover {\\n    color: #fff;\\n    background-color: #ec6d67;\\n}\\n\\n\",\"js\":\"// 1.\\nvar level = 0;\\n// 3.\\nvar correct;\\nvar timer = 0;\\n\\n\\n// 1.\\nstart();\\n\\n// // 5. setInterval \\\\ setTimeout 的不同\\nsetInterval(function () {\\n    timer += 0.1 + 0.01*level;\\n    // console.log(timer)\\n    // 6. 進度條\\n    $('#bar').css('width', timer + '%')\\n    if (timer \u003e 100) {\\n        gameOver();\\n    }\\n\\n});\\n\\n//1. 遊戲開始\\nfunction start () {\\n    level++;\\n    $('#level').text('level:' + level);\\n    \\n    // 2.\\n    var a = Math.floor(Math.random()*10);\\n    var b = Math.floor(Math.random()*10);\\n    var answer = a + b;\\n    \\n    // 3. 設定誤差 (寫在修改文字前)\\n    correct = Math.random() \u003e 0.5;\\n    if (!correct) {\\n        answer += Math.floor(Math.random()*5) + 1;\\n    }\\n    \\n    //2\\n    $('#formula').text(a +' + ' + b +' = ' + answer);\\n\\n    // // 6\\n    timer = 0;\\n\\n}\\n\\n// 4. 結束遊戲\\nfunction gameOver () {\\n    $('button').hide();\\n    $('#gameover').show();\\n    // 6\\n    timer = 100;\\n}\\n\\n\\n// // 3. 按鈕觸發-判斷對錯\\n$('#btn-yes').click(function () {\\n    if (correct) {\\n        start();\\n    } else {\\n        gameOver();\\n    }\\n});\\n\\n$('#btn-no').click(function () {\\n    if (!correct) {\\n        start();\\n    } else {\\n        gameOver();\\n    }\\n});\"}","created_at":"2019-08-09T16:27:58.078+08:00","updated_at":"2019-10-21T08:42:47.037+08:00","name":"算數炸彈T 副本","language":"web","screenshot":{"url":null},"parent_id":87376,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":62,"hashid":"gk4sqyrj","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}