04_BMI 計算器 | 程式專案 | 橘蘋學習平台

{"id":262736,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml lang=\\\"zh-Hant-TW\\\"\u003e\\r\\n\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eBMI 計算器\u003c/title\u003e\\r\\n\\r\\n    \u003cstyle\u003e\\r\\n        input, button {\\r\\n            padding: 5px; /* 內距離 */\\r\\n            border: 1px solid black;\\r\\n            border-radius: 5px;\\r\\n        }\\r\\n    \u003c/style\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n\u003cbody\u003e\\r\\n    身高\u003cinput type=\\\"text\\\" id=\\\"height\\\" placeholder=\\\"身高(cm)\\\"\u003e\\r\\n    體重\u003cinput type=\\\"text\\\" id=\\\"weight\\\" placeholder=\\\"體重(kg)\\\"\u003e\\r\\n    \u003cbutton id=\\\"submit\\\"\u003e計算\u003c/button\u003e\\r\\n    \u003cp\u003e計算結果：\u003c/p\u003e\\r\\n    \\r\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n    \u003c!-- \u003cscript src=\\\"../jquery-3.6.0.js\\\"\u003e\u003c/script\u003e --\u003e\\r\\n    \u003cscript\u003e\\r\\n        function getBmi() {\\r\\n\\r\\n            // value 屬性可以取得輸入框的資料內容\\r\\n            let h = document.querySelector('#height').value;\\r\\n            let w = document.querySelector('#weight').value;\\r\\n\\r\\n            h = Number(h) / 100;\\r\\n            w = Number(w);\\r\\n\\r\\n            let bmi = w / (h * h);\\r\\n            let result = '計算結果：' + bmi;\\r\\n            \\r\\n            // innerText 可以設定元素的文字內容\\r\\n            // document.querySelector('p').innerText = result;\\r\\n            $('p').text(result);\\r\\n        }\\r\\n\\r\\n        // document.querySelector('#submit').addEventListener('click', getBmi);\\r\\n        $(\\\"#submit\\\").click(getBmi);\\r\\n    \u003c/script\u003e\\r\\n\u003c/body\u003e\\r\\n\\r\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2021-06-18T12:27:13.593+08:00","updated_at":"2021-06-18T12:27:36.850+08:00","name":"04_BMI 計算器","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/262736/fec581ba3c3d9b80584da92793c15eb8.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":34,"hashid":"5j3s9552v","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}