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

{"id":324171,"student_id":3795,"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.5.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\":\"/*1*/\\nbody{\\n    /*顏色與背景圖可以一起設定*/\\n    background-color: #add;\\n    background-image: url(https://sb.koding.school/project_assets/7776210ce416bcb9ba94fdd8c6ff3be5.jpg?v=1);\\n    background-repeat: no-repeat;/*repeat-x, repeat-y, space*/\\n    border: 3px red;\\n    background-size: cover;\\n    background-position: center;\\n    /*2*/\\n    /*解決圖片太小造成留白問題*/\\n    /*因為body沒有父元素來比較,就不能用%*/\\n    width: 100vw;\\n    height: 100vh;\\n}\\n/*3*/\\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/*4*/\\nh1{\\n    font-size: 40px;\\n    color: #fff\\n    text-align: center;\\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\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"var places = ['台南', '高雄', '屏東', '嘉義', '雲林', '台中', '彰化', '新竹', '桃園', '台北', '新北', '宜蘭', '花蓮']\\r\\n// var places = ['士林','北投','木柵','三重','南港','淡水','新店','蘆洲','古亭','中壢','池上','汐止','三峽'];\\r\\nvar stars = ['金城武','劉德華','周杰倫','蔡依林','新垣結依','宋仲基','鄭容和','蕭敬騰','五月天','池昌旭','魔力紅'];\\r\\n\\r\\n//6\\r\\n$('.js-btn').click(showMyName);\\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}\"}","created_at":"2021-12-11T10:24:04.464+08:00","updated_at":"2021-12-11T11:48:42.910+08:00","name":"我是誰產生器(S) 副本","language":"web","screenshot":{"url":null},"parent_id":64813,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":31,"hashid":"kdms6pz6n","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}