Math bomb | 程式專案 | 橘蘋學習平台

{"id":112894,"student_id":3647,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eMath bomb\u003c/title\u003e\\r\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003cdiv id=\\\"bar\\\"\u003e\u003c/div\u003e\\r\\n    \u003ch2 id=\\\"level\\\"\u003e Level: ? \u003c/h2\u003e\\r\\n    \u003ch1 id=\\\"formula\\\"\u003e? + ? = ?\u003c/h1\u003e\\r\\n    \u003cbutton id=\\\"btn-yes\\\"\u003eO\u003c/button\u003e\\r\\n    \u003cbutton id=\\\"btn-no\\\"\u003eX\u003c/button\u003e\\r\\n    \u003ch2 id=\\\"gameover\\\"\u003eGameOver\u003c/h2\u003e\\r\\n    \\r\\n    \\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\\r\\n\",\"css\":\"body {\\r\\n    text-align: center;\\r\\n    color: blue;\\r\\n    font-family: Arial;\\r\\n}\\r\\n\\r\\nh1 {\\r\\n    font-size: 4.4rem;\\r\\n    color:black;\\r\\n}\\r\\n\\r\\n#gameover {\\r\\n    color: #ec6d67;\\r\\n    display: none;\\r\\n    font-size:50px;\\r\\n}\\r\\n\\r\\n#bar {\\r\\n    width: 0%;\\r\\n    height: 10px;\\r\\n    background-color: red;\\r\\n    margin-bottom: 60px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    padding: .5rem 1.5rem;\\r\\n    font-size: 2rem;\\r\\n    font-weight: bold;\\r\\n    outline: none;\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n#btn-yes {\\r\\n    color: #2cbeff;\\r\\n    border: 3px solid #2cbeff;\\r\\n}\\r\\n\\r\\n#btn-yes:hover {\\r\\n    color: #fff;\\r\\n    background-color: #2cbeff;\\r\\n}\\r\\n\\r\\n#btn-no {\\r\\n    color: #ec6d67;\\r\\n    border: 3px solid #ec6d67;\\r\\n}\\r\\n\\r\\n#btn-no:hover {\\r\\n    color: #fff;\\r\\n    background-color: #ec6d67;\\r\\n}\\r\\n#score{\\r\\n    color:blue;\\r\\n    font-size:50px;\\r\\n}\\r\\n\\r\\n\",\"js\":\"// 創造一個函式指令 hello：\\nhello();\\n\\n\\nvar timer = 0;\\nvar correct = true;\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('請在極短的時間內答出越多的數學題越好.w.');\\n}\\nvar A = Math.floor(Math.random()*10);\\nvar b = Math.floor(Math.random()*10);\\nvar ok = A+b;\\nvar num = 0;\\nlevel();\\nerror();\\nquiz();\\nfunction level() {\\n\\n    num += 1;\\n\\n\\n    $('#level').text('level:'+ num);\\n    timer=0;\\n\\n}\\n\\n\\n\\n\\nfunction error() {\\n    correct = Math.random() \u003e 0.5;\\n\\n    if (correct == false) {\\n\\n        ok += Math.ceil(Math.random()*5);\\n\\n    }\\n}\\n\\n\\nfunction quiz() {\\n\\n    $('#formula').text(A + ' + '+ b + ' = ' + ok);\\n\\n}\\n\\n\\nfunction gameover() {\\n    clearInterval(id);\\n    $('button').hide();\\n    $('#gameover').show();}\\n\\n$('#btn-yes').on(\\\"click\\\", function() {\\n    console.log(correct);\\n    if (correct) {\\n        A = Math.floor(Math.random()*10);\\n        b = Math.floor(Math.random()*10);\\n        ok = A+b;\\n        level();\\n        error();\\n        quiz();\\n\\n    } else {\\n        gameover();\\n    }\\n});\\n\\n\\n$('#btn-no').on(\\\"click\\\", function() {\\n\\n    console.log(correct);\\n    if (correct == false) {\\n        A = Math.floor(Math.random()*10);\\n        b = Math.floor(Math.random()*10);\\n        ok = A+b;\\n        level();\\n        error();\\n        quiz();\\n\\n    } else {\\n        gameover();\\n    }\\n});\\nvar id=setInterval(function() {\\n    timer += 1;\\n    $(\\\"#bar\\\").css(\\\"width\\\", timer + \\\"%\\\");\\n    if (timer\u003e=100) {\\n        gameover();\\n    }\\n}, 18.5);\"}","created_at":"2019-12-07T18:34:57.290+08:00","updated_at":"2023-10-14T23:28:43.571+08:00","name":"Math bomb","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/112894/9778425c26a1d9deb6efd3e111b024a0.jpg"},"parent_id":87375,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[3647],"is_featured":false,"views":117,"hashid":"5j3spjgk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}