打字遊戲 | Programming Project | OrangeApple Learning Platform

{"id":54637,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cp id=\\\"result\\\"\u003e0/0\u003c/p\u003e\\n    \u003ctextarea id=\\\"fixed\\\"\u003e\u003c/textarea\u003e\\n    \u003ctextarea id=\\\"input\\\"\u003e\u003c/textarea\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"textarea {\\n    position: fixed;\\n    top: 10vh;\\n    left: 10vw;\\n    width: 80vw;\\n    height: 80vh;\\n    padding: 15px;\\n    border: 3px solid #bbbbbb;\\n    border-radius: 5px;\\n    box-sizing: border-box;\\n    font-size: 20px;\\n    font-family: Monospace;\\n    outline: none;\\n    background-color: rgba(0,0,0,0);\\n}\\n#result {\\n    text-align: center;\\n    color: #bbbbbb;\\n}\\n\\n#input {\\n    color: #333333;\\n}\\n\\n#fixed {\\n    color: #bbbbbb;\\n}\",\"js\":\"var text = \\n`\\n        ZS\\n\u003c(_ _)\u003e\\n+~\\n\u003e=\u003c\\n\\nOrz\\n\\nQ_Q~\\n\\n+-*/\\n''\\n()\\n[]\\n\u003e\u003c=\\n,\\n_\\n:\\n    tab\\n`\\n\\nvar startTime;\\n\\n$('#fixed').text(text);\\n$('#input').keyup(function () {\\n    \\n    if (startTime == undefined) {\\n        startTime = Date.now();\\n    }\\n    \\n    var inputs = $(this).val();\\n    var idx = inputs.length - 1;\\n    \\n    if (inputs[idx] !== text[idx]) {\\n        $(this).val(inputs.slice(0, idx));\\n    }\\n    else if (idx === text.length - 1) {\\n        var time = Date.now() - startTime;\\n        alert('花費了：' + time/1000 + '秒');\\n    }\\n    \\n    $('#result').text(inputs.length + '/' + text.length);\\n});\"}","created_at":"2019-01-22T15:14:18.023+08:00","updated_at":"2020-09-28T11:00:33.881+08:00","name":"打字遊戲","language":"web","screenshot":{"url":"/uploads/project/screenshot/54637/de533c2dd1c5ab1b6fa2a9a72dcf97c2.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":567,"hashid":"npmseppn","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}