MIX | 程式專案 | 橘蘋學習平台

{"id":249912,"student_id":6526,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eMIX\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \\n    \u003cheader\u003e\\n         \u003ch1\u003eMIX\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 preload=\\\"auto\\\"\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  \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\":\"/*$(document).ready(function{\\n    $(\\\"#button\\\").click(function(){\\n    var t1=($(\\\"#t1\\\").val())\\n    alert(t1)\\n})\\n    \\n})*/\\nfunction b() {\\n\\n     \\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  if (t1===\\\"玫瑰少年\\\"){\\n      var score0=Number (10);\\n      alert(\\\"第1題:玫瑰少年\\\\n你的輸入:玫瑰少年\\\")\\n  }else {\\n      score0=Number (0);\\n       alert(\\\"第1題:玫瑰少年\\\\n你的輸入:\\\"+t1)\\n  }\\n  if (t2===\\\"帥到分手\\\"){\\n      var score1=Number (10)\\n      alert(\\\"第2題:帥到分手\\\\n你的輸入:帥到分手\\\")\\n  }else{\\n      score1=Number (0)\\n      alert(\\\"第2題:帥到分手\\\\n你的輸入:\\\"+t2)\\n  }\\n  if (t3===\\\"漂向北方\\\"){\\n      var score2=Number (10)\\n      alert(\\\"第3題:漂向北方\\\\n你的輸入:\\\"+t3)\\n  }else{\\n      score2=Number (0)\\n      alert(\\\"第3題:漂向北方\\\\n你的輸入:\\\"+t3)\\n  }\\n   if (t4===\\\"剛好遇見你\\\"){\\n       var score3=Number (10)\\n      alert(\\\"第4題:剛好遇見你\\\\n你的輸入:\\\"+t4)\\n  }else{\\n      score3=Number (0)\\n      alert(\\\"第4題:剛好遇見你\\\\n你的輸入:\\\"+t4)\\n  }\\n  if (t5===\\\"光年之外\\\"){\\n      var score4=Number (10)\\n      alert(\\\"第5題:光年之外\\\\n你的輸入:\\\"+t5)\\n  }else{\\n      score4=Number (0)\\n      alert(\\\"第5題:光年之外\\\\n你的輸入:\\\"+t5)\\n  }\\n  if (t6===\\\"來個蹦蹦\\\"){\\n      var score5=Number (10)\\n      alert(\\\"第6題:來個蹦蹦\\\\n你的輸入:\\\"+t6)\\n  }else{\\n      score5=Number (0)\\n      alert(\\\"第6題:來個蹦蹦\\\\n你的輸入:\\\"+t6)\\n  }\\n   if (t7===\\\"青春修煉手冊\\\"){\\n       var score6=Number (10)\\n      alert(\\\"第7題:青春修煉手冊\\\\n你的輸入:\\\"+t7)\\n  }else{\\n      score6=Number (0)\\n      alert(\\\"第7題:青春修煉手冊\\\\n你的輸入:\\\"+t7)\\n  }\\n  if (t8===\\\"少年\\\"){\\n     var score7=Number (10)\\n      alert(\\\"第8題:少年\\\\n你的輸入:\\\"+t8)\\n  }else{\\n      score7=Number (0)\\n      alert(\\\"第8題:少年\\\\n你的輸入:\\\"+t8)\\n  }\\n  if (t9===\\\"多想告訴你\\\"){\\n    var score8=Number (10)\\n      alert(\\\"第9題:多想告訴你\\\\n你的輸入:\\\"+t9)\\n  }else{\\n      score8=Number (0)\\n      alert(\\\"第9題:多想告訴你\\\\n你的輸入:\\\"+t9)\\n  }\\n  if (t10===\\\"我們不一樣\\\"){\\nvar score9=Number (10)\\n      alert(\\\"第10題:我們不一樣\\\\n你的輸入:\\\"+t10)\\n  }else{\\n      score9=Number (0)\\n      alert(\\\"第10題:我們不一樣\\\\n你的輸入:\\\"+t10)\\n  }\\n var all=score9+score8+score7+score6+score5+score4+score3+score2+score1+score0\\nif (1==1){\\n     alert(\\\"你的分數等於\\\"+all)\\n}\\n    \\n}\\n\\nfunction back(){\\n    window.location.href=\\\"https://sb.koding.school/projects/qmds89jz8/\\\"\\n}\"}","created_at":"2021-05-04T22:41:44.489+08:00","updated_at":"2021-05-23T22:16:05.566+08:00","name":"MIX","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/249912/cd527b915b505b2115607bb3dff9b92a.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":21,"hashid":"ej9s25jvg","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":4701026,"file_name":"2.mp3","project_id":249912,"asset_id":348932,"created_at":"2021-05-04T23:07:04.247+08:00","updated_at":"2021-05-04T23:15:05.113+08:00"},{"id":4701027,"file_name":"3.mp3","project_id":249912,"asset_id":348933,"created_at":"2021-05-04T23:07:04.249+08:00","updated_at":"2021-05-04T23:18:54.789+08:00"},{"id":4701025,"file_name":"1.mp3","project_id":249912,"asset_id":348931,"created_at":"2021-05-04T23:06:38.269+08:00","updated_at":"2021-05-04T23:13:32.256+08:00"},{"id":4701028,"file_name":"4.mp3","project_id":249912,"asset_id":348934,"created_at":"2021-05-04T23:07:13.892+08:00","updated_at":"2021-05-04T23:21:24.012+08:00"},{"id":4701029,"file_name":"5.mp3","project_id":249912,"asset_id":348935,"created_at":"2021-05-04T23:07:13.894+08:00","updated_at":"2021-05-04T23:23:13.319+08:00"},{"id":4701031,"file_name":"7.mp3","project_id":249912,"asset_id":348937,"created_at":"2021-05-04T23:07:28.545+08:00","updated_at":"2021-05-04T23:24:12.419+08:00"},{"id":4701030,"file_name":"6.mp3","project_id":249912,"asset_id":348936,"created_at":"2021-05-04T23:07:28.543+08:00","updated_at":"2021-05-04T23:26:47.557+08:00"},{"id":4701069,"file_name":"10.mp3","project_id":249912,"asset_id":348940,"created_at":"2021-05-04T23:38:20.997+08:00","updated_at":"2021-05-04T23:38:25.613+08:00"},{"id":4701032,"file_name":"8.mp3","project_id":249912,"asset_id":348938,"created_at":"2021-05-04T23:07:48.411+08:00","updated_at":"2021-05-04T23:26:44.261+08:00"},{"id":4701033,"file_name":"9.mp3","project_id":249912,"asset_id":348939,"created_at":"2021-05-04T23:07:48.413+08:00","updated_at":"2021-05-04T23:29:40.249+08:00"}]