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

{"id":64821,"student_id":1404,"content":"{\"html\":\"\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv\u003e\\n        \u003ch1 class=\\\"js-result\\\"\u003e新莊金城武\u003c/h1\u003e\\n        \u003cbutton class=\\\"js-btn\\\"\u003e我是誰？\u003c/button\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\",\"css\":\"/* 1 */\\nbody {\\n    /*顏色與背景圖可以一起被設定*/\\n    background-color: #ddd;\\n    /* #ff0000 */\\n    /* background-image: url(https://sb.koding.school/project_assets/7776210ce416bcb9ba94fdd8c6ff3be5.jpg); */\\n    /* background-repeat: no-repeat; */\\n    /* repeat-x, repeat */\\n    /* background-size: cover; */\\n    /* background-position: center; */\\n\\n    /* 2 */\\n    /*解決圖片太小造成留白問題*/\\n    /*因為body沒有父元素來比較，就不能用 %*/\\n    /*width: 100vw;*/\\n    /*height: 100vh;*/\\n}\\n\\ndiv {\\n    /* background-color: #000; */\\n    width: 40%;\\n    position: relative;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\\n\\n\\n/* 4 */\\nh1 {\\n    font-size: 60px;\\n    color: #fff;\\n    text-align: center;\\n}\\n\\n\\n/* 5 */\\nbutton {\\n    /*讓按鈕與div一樣大*/\\n    width: 100%;\\n    /*設定按鈕背景顏色*/\\n    background-color: #dc3545;\\n    /*設定字體顏色、大小*/\\n    color: #fff;\\n    font-size: 30px;\\n    /*增加一些內距*/\\n    padding: 10px;\\n    /*可以發現按鈕的邊框為預設值白色，我們可以將邊框設為 0 讓他消失*/\\n    border: 0px;\\n    /*將按鈕邊框四個角設為圓角*/\\n    border-radius: 15px;\\n}\\n/* 為了美觀，這單元做完之後就可以將div的背景顏色拿掉羅 */\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"var places = ['台南', '高雄', '屏東', '嘉義', '雲林', '台中', '彰化', '新竹', '桃園', '台北', '新北', '宜蘭', '花蓮']\\r\\n// var places = ['士林','北投','木柵','三重','南港','淡水','新店','蘆洲','古亭','中壢','池上','汐止','三峽'];\\r\\nvar stars = ['金城武','劉德華','周杰倫','蔡依林','新垣結依','宋仲基','鄭容和','蕭敬騰','五月天','池昌旭','魔力紅'];\\r\\n\\r\\n\\r\\n// 6\\r\\n$('.js-btn').click(showMyName);\\r\\n\\r\\n\\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}\\r\\n\"}","created_at":"2019-04-28T08:02:07.397+08:00","updated_at":"2019-11-02T13:21:46.139+08:00","name":"我是誰產生器(S) 副本","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/64821/e887ad3ea6917fe38a0aeec16276e11e.jpg"},"parent_id":64813,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":83,"hashid":"ej9s8jjm","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}