我是誰產生器(S) 副本 | 程式專案

{"id":85339,"student_id":73,"content":"{\"html\":\"\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\r\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003cdiv\u003e\\r\\n        \u003ch1 class=\\\"js-result\\\"\u003e???\u003c/h1\u003e\\r\\n        \u003cbutton class=\\\"js-btn\\\"\u003e我是誰？\u003c/button\u003e\\r\\n    \u003c/div\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body {\\n    background-color: #ddd;\\n    background-image: url(bg.jpg);\\n    background-repeat: no-repeat;\\n    background-position: center;\\n    background-size: cover;\\n    height: 100vh;\\n    width: 100vw;\\n}\\ndiv {\\n\\n    width: 40%;\\n    position: relative;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%,-50%);\\n\\n}\\n.js-result {\\n    font-size: 60px;\\n    color: #fff;\\n    text-align: center;\\n\\n}\\nbutton {\\n    width: 100%;\\n    background-color: #dc3545;\\n    color: #fff;\\n    font-size: 30px;\\n    padding: 10px;\\n    border: 0px;\\n    border-radius: 15px;\\n}\",\"js\":\"var places = ['台南', '高雄', '屏東', '嘉義', '雲林', '台中', '彰化', '新竹', '桃園', '台北', '新北', '宜蘭', '花蓮']\\n// var places = ['士林','北投','木柵','三重','南港','淡水','新店','蘆洲','古亭','中壢','池上','汐止','三峽'];\\nvar stars = ['金城武', '劉德華', '周杰倫', '蔡依林', '新垣結依', '宋仲基', '鄭容和', '蕭敬騰', '五月天', '池昌旭', '魔力紅'];\\n$('.js-btn').click(function() {\\n    var rand1 = Math.floor(Math.random()*places.length);\\n    var rand2 = Math.floor(Math.random()*stars.length);\\n    console.log(rand1);\\n    console.log(rand2);\\n    console.log('------------');\\n    console.log(places[rand1]);\\n    console.log(stars[rand2]);\\n    $('.js-result').text(places[rand1] + stars[rand2]);\\n    \\n});\"}","created_at":"2019-07-28T13:36:09.487+08:00","updated_at":"2019-10-12T06:32:45.406+08:00","name":"我是誰產生器(S) 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/85339/c7fae27f8f1800f8fee96048da1789e1.jpg"},"parent_id":64813,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":150,"hashid":"qmdsrvey","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}