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

{"id":768980,"student_id":58026,"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.7.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n    \\r\\n\\r\\n\u003cbody\u003e\\r\\n\\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\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"h1 {\\n    font-size: 60px;\\n    color: #fff;\\n    text-align: center;\\n}\\n\\n\\nbutton {\\n    width: 100%;\\n    background-color: #dc3545;\\n    color: #fff;\\n    font-size: 25px;\\n    padding: 10px;\\n    border: 0;\\n    border-radius: 10px;\\n}\\nbody {\\n    background-color:#ddd ;\\n    background-image: url(https://sb.koding.school/project_assets/7776210ce416bcb9ba94fdd8c6ff3be5.jpg?v=1);\\n    background-repeat: no-repeat;\\n    background-size: cover;\\n    border: 3px red;\\n    width: 100vw;\\n    height:100vh;\\n}\\ndiv{\\n\\n    width: 40%;\\n    position: relative;\\n    left:50%;\\n    top:50%;\\n    transform: translate(-50%, -50%);\\n}\\nbutton {\\n\\n    width: 40vw;\\n}\\n    \\n    \\n    \\n    \\n    \\n    \\n    \\n\",\"js\":\"var places = ['台南', '高雄', '屏東', '嘉義', '雲林', '台中', '彰化', '新竹', '桃園', '台北', '新北', '宜蘭', '花蓮'];\\r\\n// var places = ['士林','北投','木柵','三重','南港','淡水','新店','蘆洲','古亭','中壢','池上','汐止','三峽'];\\r\\nvar stars = ['金城武','劉德華','周杰倫','蔡依林','新垣結依','宋仲基','鄭容和','蕭敬騰','五月天','池昌旭','魔力紅'];\\r\\n$('.js-btn').click(showMyName);\\r\\nfunction showMyName(){\\r\\n    var rand1 = Math.floor(Math.random()*places.length);\\r\\n    var rand2 = Math.floor(Math.random()*stars.length);\\r\\n    console.log(rand1);\\r\\n    console.log(rand2);\\r\\n    console.log('-------');\\r\\n    console.log(places[rand1]);\\r\\n    console.log(stars[rand2]);\\r\\n    $('.js-result').text(places[rand1] + stars[rand2]);\\r\\n}\"}","created_at":"2024-06-15T13:38:43.339+08:00","updated_at":"2024-06-15T14:45:04.739+08:00","name":"我是誰產生器(S) 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/768980/bb274a4a493965b28503992baa93d158.jpg"},"parent_id":64813,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":2,"hashid":"gk4sn6gvp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}