【綜合練習】BMI 計算機：實作 3 - 問題副本 | 程式專案

{"id":976823,"student_id":44333,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\" integrity=\\\"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cimg id=\\\"joyful\\\" src=\\\"joyful.png\\\"\u003e\\n    \u003cimg id=\\\"happy\\\" src=\\\"happy.png\\\"\u003e\\n    \u003cimg id=\\\"indifferent\\\" src=\\\"indifferent.png\\\"\u003e\\n    \u003cimg id=\\\"angry\\\" src=\\\"angry.png\\\"\u003e\\n    \u003cimg src=\\\"fat.png\\\" class=\\\"js-img-fat\\\"/\u003e\\n    \u003cimg src=\\\"normal.png\\\" class=\\\"js-img-normal\\\"/\u003e\\n    \u003cimg src=\\\"slim.png\\\" class=\\\"js-img-slim\\\"/\u003e\\n    \u003ch1 class=\\\"js-result\\\"\u003eBMI 計算結果：\u003c/h1\u003e\\n    \u003cinput type=\\\"text\\\" class=\\\"js-input-1\\\" placeholder=\\\"身高(公尺)\\\"\u003e\u003cbr /\u003e\\n    \u003cinput type=\\\"text\\\" class=\\\"js-input-2\\\" placeholder=\\\"體重(公斤)\\\"\u003e\u003cbr /\u003e\\n    \u003cbutton class=\\\"js-start\\\"\u003e計算！\u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    text-align: center;\\n    padding: 60px;\\n}\\n\\nimg {\\n    height: 50px;\\n    width: 50px;\\n}\\n\\ninput {\\n    width: 300px;\\n    padding: 10px;\\n    font-size: 16px;\\n    border: 2px solid #ddd;\\n    border-radius: 5px;\\n    margin: 5px auto;\\n}\\n\\nbutton {\\n    width: 324px;\\n    padding: 10px;\\n    border-width: 0px;\\n    border-radius: 5px;\\n    margin: 5px auto;\\n    font-size: 16px;\\n    color: #fff;\\n    background-color: red;\\n}\",\"js\":\"$('#happy').hide();\\n$('#indifferent').hide();\\n$('#joyful').hide();\\n$('js-img-fat').hide();\\n$('js-img-normal').hide;\\n$('js-img-slim').hide();\\n\\n$('.js-start').on('click', function () {\\n    var h = $('.js-input-1').val();\\n    var w = $('.js-input-2').val();\\n    var bmi = Math.floor(w/h/h);\\n    \\n    $('img').hide();\\n    \\n    var text;\\n    if (bmi \u003c= 18.5) {\\n        text = '計算結果 BMI：' + bmi + ' 太輕了！';\\n        $('.js-img-joyful').show();\\n    } else if (bmi \u003c= 24.9) {\\n        text = '計算結果 BMI：' + bmi + ' 正常！';\\n        $('.js-img-indifferent').show();\\n    } else {\\n        text = '計算結果 BMI：' + bmi + ' 過胖哦！';\\n        $('.js-img-\\thappy').show();\\n    }\\n    $('.js-result').text(text);\\n});\"}","created_at":"2025-03-23T11:47:50.285+08:00","updated_at":"2025-03-23T11:55:24.561+08:00","name":"【綜合練習】BMI 計算機：實作 3 - 問題 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/976823/7fd86001b3b7cd5c3b8e2bec0d64ca52.jpg"},"parent_id":574360,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":1,"hashid":"9ygszq3qv","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":37263134,"file_name":"slim.png","project_id":976823,"asset_id":661599,"created_at":"2025-03-23T11:47:50.290+08:00","updated_at":"2025-03-23T11:47:50.290+08:00"},{"id":37263135,"file_name":"normal.png","project_id":976823,"asset_id":661600,"created_at":"2025-03-23T11:47:50.292+08:00","updated_at":"2025-03-23T11:47:50.292+08:00"},{"id":37263136,"file_name":"fat.png","project_id":976823,"asset_id":661601,"created_at":"2025-03-23T11:47:50.293+08:00","updated_at":"2025-03-23T11:47:50.293+08:00"},{"id":37263137,"file_name":"indifferent.png","project_id":976823,"asset_id":661602,"created_at":"2025-03-23T11:47:50.294+08:00","updated_at":"2025-03-23T11:47:50.294+08:00"},{"id":37263138,"file_name":"joyful.png","project_id":976823,"asset_id":661603,"created_at":"2025-03-23T11:47:50.295+08:00","updated_at":"2025-03-23T11:47:50.295+08:00"},{"id":37263139,"file_name":"angry.png","project_id":976823,"asset_id":661604,"created_at":"2025-03-23T11:47:50.296+08:00","updated_at":"2025-03-23T11:47:50.296+08:00"},{"id":37263140,"file_name":"happy.png","project_id":976823,"asset_id":661605,"created_at":"2025-03-23T11:47:50.297+08:00","updated_at":"2025-03-23T11:47:50.297+08:00"}]