周杰倫 | 程式專案 | 橘蘋學習平台

{"id":249753,"student_id":6526,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003cMETA HTTP-EQUIV=\\\"pragma\\\" CONTENT=\\\"no-cache\\\"\u003e \\n\u003cMETA HTTP-EQUIV=\\\"Cache-Control\\\" CONTENT=\\\"no-cache, must-revalidate\\\"\u003e \\n\u003cMETA HTTP-EQUIV=\\\"expires\\\" CONTENT=\\\"0\\\"\u003e\\n\u003cmeta name=”viewport” content=\\\"width=device-width, initial-scale=1.0\\\" \u003e\\n\\t\\n\\t\u003ctitle\u003e周杰倫\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003ch1\u003e周杰倫\u003c/h1\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\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\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}h1 ,p {\\n    color: #555555;\\n     font-family:Microsoft JhengHei ; \\n      text-align: center;\\n      padding: 30px;\\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\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題:給我一首歌的時間\\\\n你的輸入:\\\"+t1)\\n  alert(\\\"第2題:手語\\\\n你的輸入:\\\"+t2)\\n   alert(\\\"第3題:Mojito\\\\n你的輸入:\\\"+t3)\\n  alert(\\\"第4題:雙截棍\\\\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  if (t1===\\\"給我一首歌的時間\\\"){\\n      var score1=Number(10)\\n  }else{\\n      score1=Number(0)\\n  }\\n  if (t2===\\\"手語\\\"){\\n      var score2=Number(10)\\n  }else{\\n      score2=Number(0)\\n  }\\n  if (t3===\\\"Mojito\\\"){\\n      var score3=Number(10)\\n  }else{\\n      score3=Number(0)\\n  }\\n  if (t4===\\\"雙截棍\\\"){\\n      var score4=Number(10)\\n  }else{\\n      score4=Number(0)\\n  }\\n  if (t5===\\\"青花瓷\\\"){\\n      var score5=Number(10)\\n  }else{\\n      score5=Number(0)\\n  }\\n  if (t6===\\\"忍者\\\"){\\n      var score6=Number(10)\\n  }else{\\n      score6=Number(0)\\n  }\\n   if (t7===\\\"爺爺泡的茶\\\"){\\n      var score7=Number(10)\\n  }else{\\n      score7=Number(0)\\n  }\\n  if (t8===\\\"等你下課\\\"){\\n      var score8=Number(10)\\n  }else{\\n      score8=Number(0)\\n  }\\n  if (t9===\\\"四季列車\\\"){\\n      var score9=Number(10)\\n  }else{\\n      score9=Number(0)\\n  }\\n   if (t10===\\\"七里香\\\"){\\n      var score10=Number(10)\\n  }else{\\n      score10=Number(0)\\n  }\\n   var all=score9+score8+score7+score6+score5+score4+score3+score2+score1+score10\\nif (1==1){\\n     alert(\\\"你的分數等於\\\"+all)\\n}\\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n  \\n}\\n\\n\\nfunction back(){\\n    window.location.href=\\\"https://sb.koding.school/projects/qmds89jz8/\\\"\\n}\"}","created_at":"2021-05-03T00:27:06.901+08:00","updated_at":"2021-05-23T22:17:07.611+08:00","name":"周杰倫 ","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/249753/bef2268fc9ea087eca1e202431f7396e.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":14,"hashid":"vngsyv3pw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":4696178,"file_name":"8.mp3","project_id":249753,"asset_id":348703,"created_at":"2021-05-03T00:54:15.290+08:00","updated_at":"2021-05-03T00:54:29.605+08:00"},{"id":4696175,"file_name":"5.mp3","project_id":249753,"asset_id":348700,"created_at":"2021-05-03T00:50:04.543+08:00","updated_at":"2021-05-03T00:50:19.352+08:00"},{"id":4696176,"file_name":"6.mp3","project_id":249753,"asset_id":348701,"created_at":"2021-05-03T00:50:35.085+08:00","updated_at":"2021-05-03T00:51:02.564+08:00"},{"id":4696173,"file_name":"3.mp3","project_id":249753,"asset_id":348698,"created_at":"2021-05-03T00:48:31.937+08:00","updated_at":"2021-05-03T00:49:22.926+08:00"},{"id":4696172,"file_name":"2.mp3","project_id":249753,"asset_id":348697,"created_at":"2021-05-03T00:47:22.726+08:00","updated_at":"2021-05-03T00:48:08.280+08:00"},{"id":4696177,"file_name":"7.mp3","project_id":249753,"asset_id":348702,"created_at":"2021-05-03T00:52:48.298+08:00","updated_at":"2021-05-03T00:53:00.492+08:00"},{"id":4696174,"file_name":"4.mp3","project_id":249753,"asset_id":348699,"created_at":"2021-05-03T00:49:37.810+08:00","updated_at":"2021-05-03T00:49:52.523+08:00"},{"id":4696179,"file_name":"9.mp3","project_id":249753,"asset_id":348704,"created_at":"2021-05-03T00:56:28.154+08:00","updated_at":"2021-05-03T00:56:55.127+08:00"},{"id":4696180,"file_name":"10.mp3","project_id":249753,"asset_id":348705,"created_at":"2021-05-03T00:56:28.155+08:00","updated_at":"2021-05-03T00:57:10.103+08:00"},{"id":4696171,"file_name":"1.mp3","project_id":249753,"asset_id":348696,"created_at":"2021-05-03T00:42:02.159+08:00","updated_at":"2021-05-03T00:45:02.986+08:00"}]