BMI 計算機副本副本 | 程式專案

{"id":755365,"student_id":3760,"content":"{\"html\":\"\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003e BMI 計算機 \u003c/title\u003e\\r\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003cimg src=\\\"guess.png\\\" id=\\\"img-guess\\\"\u003e\\r\\n    \u003cimg src=\\\"fat.png\\\" id=\\\"img-fat\\\"\u003e\\r\\n    \u003cimg src=\\\"normal.png\\\" id=\\\"img-normal\\\"\u003e\\r\\n    \u003cimg src=\\\"slim.png\\\" id=\\\"img-slim\\\"\u003e\\r\\n    \\r\\n    \u003ch1 id=\\\"result\\\"\u003e BMI 計算結果 \u003c/h1\u003e\\r\\n\\r\\n    \u003cinput type=\\\"number\\\" id=\\\"input1\\\" placeholder=\\\"身高（公分）\\\"\u003e\\r\\n    \u003cinput type=\\\"number\\\" id=\\\"input2\\\" placeholder=\\\"體重（公斤）\\\"\u003e\\r\\n    \u003cbutton id=\\\"btn-start\\\"\u003e 計算！\u003c/button\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"\\nbody {\\n    text-align: center;\\n    padding: 60px;\\n}\\n\\nimg {\\n    height: 200px;\\n}\\n\\ninput {\\n    width: 50vw;\\n    font-size: 16px;\\n    padding: 10px;\\n    margin: 10px;\\n    border: 2px solid #ddd;\\n    border-radius: 10px;\\n}\\n\\nbutton {\\n    width: 50vw;\\n    font-size: 16px;\\n    padding: 10px;\\n    margin: 10px;\\n    border: 2px solid #ddd;\\n    border-radius: 10px;\\n    color: #fff;\\n    background-color: red;\\n}\",\"js\":\"\\n$(\\\"#img-fat\\\").hide();\\n$(\\\"#img-normal\\\").hide();\\n$(\\\"#img-slim\\\").hide();\\n\\n// same as: $(\\\"#btn-start\\\").click(getResult);\\n$(\\\"#btn-start\\\").on(\\\"click\\\", getResult);\\n\\nfunction getResult() {\\n    //alert(\\\"按鈕按下\\\");\\n    let h = parseFloat($(\\\"#input1\\\").val()) / 100;\\n    let w = parseFloat($(\\\"#input2\\\").val());\\n    let bmi = w / (h*h);\\n    bmi = bmi.toFixed(2);\\n    \\n    $(\\\"img\\\").hide();\\n    \\n    let res;\\n    \\n    if (bmi \u003c= 18.5) {\\n        res = \\\"太輕了！\\\";\\n        $(\\\"#img-slim\\\").show();\\n    }else if (bmi\u003e18.5 \u0026\u0026 bmi\u003c=24.9) {\\n        res = \\\"正常～\\\";\\n        $(\\\"#img-normal\\\").show();\\n    }else if (bmi \u003e 24.9) {\\n        res = \\\"過胖喔！\\\";\\n        $(\\\"#img-fat\\\").show();\\n    }\\n    \\n    $(\\\"#result\\\").text(`計算結果 BMI: ${bmi}，${res}`);\\n}\\n\"}","created_at":"2024-05-21T16:25:49.151+08:00","updated_at":"2024-05-21T16:25:49.151+08:00","name":"BMI 計算機 副本 副本","language":"web","screenshot":{"url":null},"parent_id":197131,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":15,"hashid":"2pdsyk4n8","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}