【綜合練習】迷宮產生器：實作 2 - 問題副本 | 程式專案

{"id":1165216,"student_id":90858,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"screenshot\\\"\u003e\\n        \u003cp\u003e題目：\u003c/p\u003e\\n        \u003cdiv id=\\\"log\\\"\u003eloading...\u003c/div\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"* {\\n    margin: 0;\\n    padding: 0;\\n    box-sizing: border-box;\\n    font-size: 16px;\\n}\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    background-color: #333;\\n    padding: 10px;\\n}\\n\\np {\\n    color: white;\\n    margin-bottom: 10px;\\n}\\n\\n#log {\\n    color: #03F501;\\n    padding: 10px;\\n    border: 1px solid white;\\n    border-radius: 5px;\\n}\\n\\n#code {\\n    color: #03F501;\\n    padding: 10px;\\n    border: 1px solid white;\\n    border-radius: 5px;\\n    overflow-x: scroll;\\n}\\n\\n#question {\\n    height: 130px;\\n    border: 1px solid white;\\n    padding: 20px;\\n    margin-bottom: 10px;\\n}\\n\\n#screenshot {\\n    border: 1px solid white;\\n    padding: 20px;\\n    margin-bottom: 10px;\\n}\",\"js\":\"//  -- 說明 --  //\\n//  請想想看要如何組合和調整程式碼，\\n//  執行後才能讓網頁上的顯示文字與下方相同。\\n\\n//  -- 提示 --  //\\n//  let len = array.length;\\n//  let swapped;\\n//  swapped = false;\\n//  let temp = array[i];\\n//  array[i] = array[i + 1];\\n//  array[i + 1] = temp;\\n//  for (let i = 0; i \u003c len - 1; i++) {}\\n//  swapped = true;\\n//  if (array[i] \u003e array[i + 1]) {}\\n//  do {} while (swapped);\\n\\nfunction bubbleSort(array) {\\n  let len = array.length;\\n  let swapped;\\n  do {\\n    swapped = false;\\n    for (let i = 0; i \u003c len - 1; i++) {\\n      if (array[i] \u003e array[i + 1]) {\\n        let temp = array[i];\\n        array[i] = array[i + 1];\\n        array[i + 1] = temp;\\n        swapped = true;\\n      }\\n    }\\n  } while (swapped);\\n  return array;\\n}\\n\\nconst friends = [\\n  { name: \\\"Alice\\\", height: 165 },\\n  { name: \\\"Bob\\\", height: 178 },\\n  { name: \\\"Charlie\\\", height: 155 },\\n  { name: \\\"David\\\", height: 170 },\\n  { name: \\\"Eve\\\", height: 190 }\\n];\\n\\nconst heights = friends.map(friend =\u003e friend.height);\\nconst sortedHeights = bubbleSort(heights);\\nconsole.log(\\\"按身高排隊：\\\");\\n\\nsortedHeights.forEach(height =\u003e {\\n  const friend = friends.find(friend =\u003e friend.height === height);\\n  console.log(`${friend.name} - ${friend.height} cm`);\\n});\\n\"}","created_at":"2025-11-16T17:21:00.151+08:00","updated_at":"2025-11-16T17:32:20.004+08:00","name":"【綜合練習】迷宮產生器：實作 2 - 問題 副本","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/1165216/18fd3ebe83b3db8279ea851fe3a9acf2.jpg"},"parent_id":576400,"plugin":"(function () {\n    if (!console) {\n        console = {};\n    }\n    var old = console.log;\n    var logger = document.getElementById('log');\n    logger.innerHTML = \"\"\n    console.log = function (message) {\n        if (typeof message == 'object') {\n            logger.innerHTML += (JSON \u0026\u0026 JSON.stringify ? JSON.stringify(message) : String(message)) + '\u003cbr /\u003e';\n        } else {\n            logger.innerHTML += message + '\u003cbr /\u003e';\n        }\n    }\n})();\n","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":1,"hashid":"ej9s5j46p","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}