天氣APP 副本 | 程式專案 | 橘蘋學習平台

{"id":61841,"student_id":1404,"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南沙島\u003coption\u003e\\n       \u003coption value='2'\u003ed[1].name\u003coption\u003e\\n       \u003coption value='3'\u003ed[2].name\u003coption\u003e\\n       \u003coption value='4'\u003e龜山島\u003coption\u003e\\n       \u003coption value='5'\u003e龜山島\u003coption\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='weather'\u003e?\u003c/span\u003e\\n\\t\\t\u003cbr/\u003e 溫度：\\n\\t\\t\u003cspan id='temperature'\u003e?\u003c/span\u003e 度\\n\\t\\t\u003cbr/\u003e 濕度：\\n\\t\\t\u003cspan id='moisture'\u003e?\u003c/span\u003e %\\n\\t\\t\u003cbr/\u003e 降雨機率：\\n\\t\\t\u003cspan id=\\\"rainfall\\\"\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\":\"//s1\\nvar d = [];\\n$.getJSON('https://gist.githubusercontent.com/wacamoto/947bd2aa4098aaa9ff195e11662a5e71/raw/db3fa3531a5f60a44175f1a6401f92a25573298a/data.json?fbclid=IwAR2VIz6sMg6NBg3fJd9NFSXWPMK4o68mfLi_jhmTw8v_oP7d-08Mdp6E_-U', function (data) {\\n    d = data;\\n    for (var i = 0; i \u003c d.length; i++) {\\n        var option = `\u003coption value=${d[i].name}\u003e${d[i].name}\u003coption\u003e`;\\n        $('#towns').append(option);\\n    }\\n});\\n\\n\\n$(\\\"#towns\\\").change(function(){\\n    var name = $(this).val(); //玩家選島的區域名稱\\n    for (var i = 0; i \u003c d.length; i++) {\\n        if(d[i].name == name){\\n            $(\\\"#name\\\").text(d[i].name);\\n            $(\\\"#weather\\\").text(d[i].weather);\\n            $('#temperature').text(d[i].temperature);\\n            $(\\\"#moisture\\\").text(d[i].moisture);\\n            $(\\\"#rainfall\\\").text(d[i].rainfall);\\n        }\\n    }\\n    \\n})\\n\\n\\n\\n// // $.getJSON('api網址', function(d){\\n// //     data = d;\\n// //     //   console.log(data)\\n// //     //   在主控台印出：\\n// //     //   a. 東吉島的全部資訊\\n// //     //   b. 金門的天氣\\n// //     //   c. 澎湖的濕度\\n// // });\\n\\n\\n\\n// //s4\\n// $('#towns').change(function () {\\n//     //s4\\n//     var name = $(this).val();\\n//     console.log(name)\\n\\n//     //s5\\n//     for (var i = 0; i \u003c data.length; i++) {\\n//         if (data[i].name == name) {\\n//             //s5\\n//             //console.long(data[i])\\n//             //s6\\n//             $('#name').text(data[i].name);\\n//             $('#weather').text(data[i].weather);\\n//             $('#temperature').text(data[i].temperature);\\n//             $('#moisture').text(data[i].moisture);\\n//             $('#rainfall').text(data[i].rainfall);\\n//         }\\n//     }\\n// });\\n\\n\\n// // //第一題\\n// console.log('第一題')\\n// for (var i = 0; i \u003c 21; i+=2) {\\n//     console.log(i)\\n// }\\n// //第二題\\n// console.log('第二題')\\n// for(var i=20; i\u003e=0 ;i-=2){\\n//     console.log(i)\\n// }\\n// //第三題\\n// console.log('第三題')\\n// for(var i=1; i\u003c=200 ;i*=2){\\n//     console.log(i)\\n// }\\n\\n// console.log(\\\"挑戰餅乾\\\");\\n// for (var i = 0; i \u003c 3; i++) {\\n//     for(var j=0; j\u003c5; j++){\\n//         console.log(`哈囉${i}你好${j}`);\\n//     }\\n// }\\n\\n// console.log('第一題');\\n// for (var i = 0; i \u003c= 20; i+=2) {\\n//     console.log(i);\\n// }\\n\\n// console.log('第二題');\\n// for (var i = 20; i \u003e= 0; i-=2) {\\n//     console.log(i);\\n// }\\n\\n// console.log('第三題');\\n// for (var i = 1; i \u003c= 128; i*=2) {\\n//     console.log(i);\\n// }\\n\\nfor (var i = 1; i \u003c 10; i++) {\\n    for (var j = 1; j \u003c 10; j++) {\\n        console.log(`${i} * ${j}`);\\n    } \\n    console.log(\\\"-------------\\\");\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\"}","created_at":"2019-04-12T20:34:34.491+08:00","updated_at":"2019-12-28T17:09:30.602+08:00","name":"天氣APP 副本","language":"web","screenshot":{"url":"https://cdn0.koding.school/uploads/project/screenshot/61841/1bee56ae029fba5d07623fd7e6e294bd.jpg"},"parent_id":26643,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":73,"hashid":"yeysyd49","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}