算數炸彈副本 | 程式專案

{"id":179451,"student_id":3469,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eDocument\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\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\\r\\n\",\"css\":\"body {\\r\\n    text-align: center;\\r\\n    color: #555555;\\r\\n    font-family: Arial;\\r\\n}\\r\\n\\r\\nh1 {\\r\\n    font-size: 4rem;\\r\\n}\\r\\n\\r\\n#gameover {\\r\\n    color: #ec6d67;\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n#bar {\\r\\n    width: 100%;\\r\\n    height: 10px;\\r\\n    background-color: #f1c40f;\\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\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\\n\\n\\nvar level = 0;\\nvar correct = true;\\nvar timer = 0;\\n\\n\\n\\nstart();\\n// gameOver();\\n$('#btn-yes').click(function(){\\n    if (correct) {\\n        start();\\n    } else {\\n        gameOver();\\n    }\\n});\\n\\n\\n$('#btn-no').click(function(){\\n    if (!correct) {\\n        start();\\n    } else {\\n        gameOver();\\n    }\\n});\\n\\n\\n//重複執行↓\\nvar id = setInterval(function(){\\n    timer += 0.1;\\n    $('#bar').css('width', timer + '%');\\n    if (timer \u003e 100) {\\n        gameOver();\\n    }\\n})/*此處可設定每隔多久執行一次此程式(tick),若不設置則重複執行*/;\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\nfunction start(){\\n    level++;\\n    $('#level').text('level:' + level);\\n    \\n    \\n    var a = Math.floor(Math.random() * 10);\\n    var b = Math.floor(Math.random() * 10);\\n    var answer = a + b;\\n    \\n    \\n    // 執行出來為布林值(true or false)\\n    correct = Math.random() \u003e 0.5;\\n    if (!correct) {\\n        var c = true;\\n        c = Math.random() \u003e 0.7;\\n        if (c === false) {\\n            answer += Math.floor(Math.random() * 5 + 1);\\n        } else if (c === true \u0026\u0026 answer \u003e 3) {\\n            answer -= Math.floor(Math.random() * 3 + 1);\\n        } else{\\n            answer += Math.floor(Math.random() * 5 + 1);\\n        }\\n    }\\n    \\n    \\n    $('#formula').text(a + ' + ' + b + ' = ' + answer);\\n    \\n    timer = 0;\\n}\\n\\n\\n\\nfunction gameOver(){\\n    $('button').hide();\\n    $('#gameover').show();\\n    clearInterval(id);\\n}\\n\\n\\n\\n\\n\\n\\n\\n\"}","created_at":"2020-08-09T13:36:25.852+08:00","updated_at":"2023-10-22T11:04:03.093+08:00","name":"算數炸彈 副本","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/179451/bef0d65d32f539d7e786cee02ae0250a.jpg"},"parent_id":87375,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":80,"hashid":"d5ms5g56","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}