Alan Walker | 程式專案 | 橘蘋學習平台

{"id":249754,"student_id":6526,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eAlan Walker\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cheader\u003e\\n         \u003ch1\u003eAlan Walker\u003c/h1\u003e\\n     \u003c/header\u003e\\n     \u003cmain\u003e\\n     \u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"1.mp3\\\" type=\\\"audio/mpeg\\\" alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\\n\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t1\\\"\u003e\\n\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"2.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\\n\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\"  id=\\\"t2\\\"\u003e\\n\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"3.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\"  id=\\\"t3\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\" \u003e\\n  \u003csource src=\\\"4.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\"  id=\\\"t4\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n \u003csource src=\\\"5.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\"  id=\\\"t5\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"6.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t6\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"7.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t7\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"8.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t8\\\"\u003e\u003cbr\u003e\\n\u003caudio controls preload=\\\"auto\\\"\u003e\\n  \u003csource src=\\\"9.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\\n\u003cbr\u003e\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t9\\\"\u003e\u003cbr\u003e\\n\u003caudio controls \u003e\\n  \u003csource src=\\\"10.mp3\\\" type=\\\"audio/mpeg\\\"  alt=\\\"音訊錯誤\\\"\u003e\\n\u003c/audio\u003e\u003cbr\u003e\\n\u003cinput type=\\\"text\\\" placeholder=\\\"請輸入這首歌的歌名\\\" autocomplete=\\\"on\\\" id=\\\"t10\\\"\u003e\u003cbr\u003e\\n\\n\\n     \u003c/main\u003e\\n   \u003cfooter\u003e\\n       \u003cbr\u003e\\n       \u003cbr\u003e\\n       \u003cinput type=\\\"button\\\" id=\\\"button\\\" value=\\\"確定\\\" onclick=\\\"b()\\\"\u003e\\n   \u003cinput type=\\\"button\\\" id=\\\"button1\\\" value=\\\"返回\\\" onclick=\\\"back()\\\"\u003e\\n  \\n   \u003c/footer\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\nh1 ,p {\\n    color: #555555;\\n     font-family:Microsoft JhengHei ; \\n      text-align: center;\\n      padding: 30px;\\n}\\ninput{padding:10px 70px; background:#ccc; border:0 none;\\ncursor:pointer;\\n-webkit-border-radius: 4px;\\nborder-radius: 10px; \\nfont-size:20px ;\\n font-family:Microsoft JhengHei ; \\n \\n}\\n#button{padding:10px 70px; background:#ccc; border:0 none;\\ncursor:pointer;\\n-webkit-border-radius: 4px;\\nborder-radius: 10px; \\nfont-size:20px ;\\n font-family:Microsoft JhengHei ; \\n \\n  \\n}\\n#button:hover {\\npadding:10px 70px; background:#E0E0E0; border:0 none;\\ncursor:pointer;\\n-webkit-border-radius: 4px;\\nborder-radius: 10px; \\nfont-size:20px ;\\n font-family:Microsoft JhengHei ; \\n\\n}\\n#button1{padding:10px 70px; background:#ccc; border:0 none;\\ncursor:pointer;\\n-webkit-border-radius: 4px;\\nborder-radius: 10px; \\nfont-size:20px ;\\n font-family:Microsoft JhengHei ; \\n \\n  \\n}\\n#button1:hover {\\npadding:10px 70px; background:#E0E0E0; border:0 none;\\ncursor:pointer;\\n-webkit-border-radius: 4px;\\nborder-radius: 10px; \\nfont-size:20px ;\\n font-family:Microsoft JhengHei ; \\n\\n}\",\"js\":\"function b() {\\n  var t1Element = document.getElementById(\\\"t1\\\");\\n  var t1 = t1Element.value;\\n  var t2Element = document.getElementById(\\\"t2\\\");\\n  var t2 = t2Element.value;\\n  var t3Element = document.getElementById(\\\"t3\\\");\\n  var t3 = t3Element.value;\\n  var t4Element = document.getElementById(\\\"t4\\\");\\n  var t4 = t4Element.value;\\n  var t5Element = document.getElementById(\\\"t5\\\");\\n  var t5 = t5Element.value;\\n  var t6Element = document.getElementById(\\\"t6\\\");\\n  var t6 = t6Element.value;\\n  var t7Element = document.getElementById(\\\"t7\\\");\\n  var t7 = t7Element.value;\\n  var t8Element = document.getElementById(\\\"t8\\\");\\n  var t8 = t8Element.value;\\n  var t9Element = document.getElementById(\\\"t9\\\");\\n  var t9 = t9Element.value;\\n  var t10Element = document.getElementById(\\\"t10\\\");\\n  var t10 = t10Element.value;\\n  alert(\\\"第1題:All Falls Down\\\\n你的輸入:\\\"+t1)\\n  alert(\\\"第2題:On My Way\\\\n你的輸入:\\\"+t2)\\n   alert(\\\"第3題:Faded\\\\n你的輸入:\\\"+t3)\\n  alert(\\\"第4題:Alone\\\\n你的輸入:\\\"+t4)\\n  /*alert(\\\"第5題:青花瓷\\\\n你的輸入:\\\"+t5)\\n  alert(\\\"第6題:忍者\\\\n你的輸入:\\\"+t6)\\n  alert(\\\"第7題:爺爺泡的茶\\\\n你的輸入:\\\"+t7)\\n  alert(\\\"第8題:等你下課\\\\n你的輸入:\\\"+t8)\\n  alert(\\\"第9題:四季列車\\\\n你的輸入:\\\"+t9)\\n  alert(\\\"第10題:七里香\\\\n你的輸入:\\\"+t10)*/\\n  \\n }\\n\\n\\nfunction back(){\\n    window.location.href=\\\"https://sb.koding.school/projects/d5msvqmqj/\\\"\\n}\"}","created_at":"2021-05-03T00:58:22.635+08:00","updated_at":"2021-05-05T22:34:49.002+08:00","name":"Alan Walker","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/249754/3c23ccde69fb9faa7f011b40f294e384.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":19,"hashid":"meyswgr5w","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}