{"id":26765,"student_id":2291,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.min.js\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\\n\u003cbody class=\\\"p-3\\\"\u003e\\n\\t\u003ch1 class=\\\"text-center\\\"\u003e天氣預報\u003c/h1\u003e\\n\\t\u003cselect class=\\\"form-control my-3\\\" id=\\\"towns\\\"\u003e\\n \u003coption value =\\\"台北\\\"\u003e台北\u003c/option\u003e\\n \u003c/select\u003e\\n\\t\u003cp class=\\\"text-center alert alert-warning my-3\\\"\u003e\\n\\t\\t\u003cspan class=\\\"h3\\\" id=\\\"name\\\"\u003e??\u003c/span\u003e\\n \u003cbr\u003e\\n\\t\\t\u003cspan id=\\\"desc\\\"\u003e?\u003c/span\u003e\\n\\t\\t\u003cbr/\u003e 溫度:\\n\\t\\t\u003cspan id=\\\"temp\\\"\u003e?\u003c/span\u003e 度\\n\\t\\t\u003cbr/\u003e 濕度:\\n\\t\\t\u003cspan id=\\\"humid\\\"\u003e?\u003c/span\u003e %\\n\\t\\t\u003cbr/\u003e 降雨機率:\\n\\t\\t\u003cspan id=\\\"rain\\\"\u003e?\u003c/span\u003e %\\n\\t\u003c/p\u003e\\n\u003c/body\u003e\\n\\n\u003c/html\u003e\",\"css\":\"body {\\n background-image: url(dust.png);\\n};\",\"js\":\"var data = [];\\r\\n$.getJSON(\\\"https://us-central1-orangeapple-d1f13.cloudfunctions.net/weather\\\",function(d){\\r\\n data = d;\\r\\n console.log(data);\\r\\n for(var i=0;i\u003cdata.length;i++){\\r\\n $('#towns').append('\u003coption value =\\\"'+data[i].name+'\\\"\u003e'+data[i].name+'\u003c/option\u003e')\\r\\n }\\r\\n})\\r\\n\\r\\n$('#towns').change(function(){\\r\\n var text =$(this).val()\\r\\n for(var i=0;i\u003cdata.length;i++){\\r\\n if(text == data[i].name){\\r\\n $('#name').text(data[i].name);\\r\\n $('#desc').text(data[i].weather);\\r\\n $('#temp').text(data[i].temperature);\\r\\n $('#humid').text(data[i].moisture);\\r\\n $('#rain').text(data[i].rainfall);\\r\\n\\r\\n }\\r\\n \\r\\n }\\r\\n})\"}","created_at":"2018-04-21T09:55:14.698+08:00","updated_at":"2019-10-17T16:35:30.008+08:00","name":"天氣APP","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/26765/c0a63c952adf838e6e1e789c7fd2c091.jpg"},"parent_id":26643,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":88,"hashid":"jzmsk2mp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[{"id":493665,"file_name":"dust.png","project_id":26765,"asset_id":60715,"created_at":"2018-04-21T09:55:14.709+08:00","updated_at":"2018-04-21T09:55:14.709+08:00"}]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦