數字記憶大考驗 | Programming Project | OrangeApple Learning Platform

{"id":54494,"student_id":10,"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 class=\\\"box\\\"\u003e\\n        \u003cp\u003eStart !\u003c/p\u003e\\n        \u003cinput autocomplete=\\\"off\\\"/\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-color: rgb(33, 46, 59);\\n    font-family: monospace;\\n}\\n\\n.box {\\n    position: fixed;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\\n\\np, input {\\n    margin: 0;\\n    color: #fff;\\n    width: 100%;\\n    outline: none;\\n    font-weight: bold;\\n    font-size: 60px;\\n    text-align: center;\\n    font-family: monospace;\\n}\\n\\ninput {\\n    color: gold;\\n    background-color: rgba(256, 256, 256, 0);\\n    border: 0px;\\n    border-bottom: 3px solid gold;\\n}\\n\\n\",\"js\":\"var level = 1;\\nvar answer;\\n\\nfunction start () {\\n    answer = '';\\n    var length = Math.ceil(level/3);\\n    for (var i = 0; i \u003c length; i++) {\\n        var rand = Math.floor(Math.random()*10);\\n        answer += '0123456789'[rand];\\n    }\\n    $('p').text(answer);\\n    setTimeout(function() {\\n        var stars = '*'.repeat(answer.length);\\n        $('p').text(stars);\\n    }, length*250 + 250);\\n}\\n\\n\\n$('input').keypress(function (e) {\\n    if (e.keyCode == 13) {\\n        var input = $(this).val();\\n        $(this).val('');\\n        if (input == answer) {\\n            level += 1;\\n            start();\\n        } else {\\n            $('p').text('GameOver level:' + level);\\n            $('input').hide();\\n        }\\n    }\\n});\\n\\nstart();\"}","created_at":"2019-01-21T14:44:09.744+08:00","updated_at":"2019-10-16T06:19:54.698+08:00","name":"數字記憶大考驗","language":"web","screenshot":{"url":"/uploads/project/screenshot/54494/d427a1cef599e007f53752127a051640.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":552,"hashid":"npmsep9m","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}