BMI 計算機副本 | 程式專案

{"id":132432,"student_id":3525,"content":"{\"html\":\"\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eDocument\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 id=\\\"img-guess\\\" src=\\\"guess.png\\\" /\u003e\\r\\n    \u003cimg id=\\\"img-slim\\\" src=\\\"slim.png\\\" /\u003e\\r\\n    \u003cimg id=\\\"img-normal\\\" src=\\\"normal.png\\\" /\u003e\\r\\n    \u003cimg id=\\\"img-fat\\\" src=\\\"fat.png\\\" /\u003e\\r\\n    \u003ch1 id=\\\"result\\\"\u003e您的BMI結果是：\u003c/h1\u003e\\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\":\"body{\\n    text-align: center;\\n    padding: 60px;\\n}\\nimg{\\n    height: 200px;\\n    width: auto;\\n}\\ninput{\\n    width: 50vw;\\n    font-size: 16px;\\n    padding: 10px;\\n    margin: 10px;\\n    border: 2px solid #ddd;\\n    border-radius: 4px;\\n}\\nbutton{\\n    width: 50vw;\\n    font-size: 16px;\\n    padding: 10px;\\n    margin: 10px;\\n    color: #fff;\\n    border: 0px;\\n    border-radius: 7px;\\n    background-color: red;\\n}\",\"js\":\"$(\\\"#img-slim\\\").hide();\\n$(\\\"#img-normal\\\").hide();\\n$(\\\"#img-fat\\\").hide();\\n$(\\\"#btn-start\\\").on(\\\"click\\\", getResult);\\n\\nfunction getResult(){\\n    var h = $(\\\"#input1\\\").val();\\n    var w = $(\\\"#input2\\\").val();\\n    h = parseFloat(h);\\n    w = parseFloat(w);\\n    var bmi = w / (h*h);\\n    bmi = bmi.toFixed();\\n    $(\\\"img\\\").hide();\\n    var text;\\n    if (bmi \u003c 18.5) {\\n        text = \\\"thin\\\"\\n        $(\\\"#img-slim\\\").show();\\n    } else if(18.5 \u003c= bmi \u0026\u0026 bmi \u003c 25){\\n        text = \\\"normal\\\"\\n        $(\\\"#img-normal\\\").show();\\n    } else if(bmi \u003e= 25){\\n        text = \\\"obese\\\"\\n        $(\\\"#img-fat\\\").show();\\n    }\\n    $(\\\"#result\\\").text(\\\"您的BMI結果是：\\\"+ bmi + \\\" \\\" + text);\\n}\"}","created_at":"2020-03-14T10:43:31.540+08:00","updated_at":"2020-03-14T22:27:22.495+08:00","name":"BMI 計算機 副本","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/132432/18347298a63e1b136d6333e1cccab05d.jpg"},"parent_id":67776,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":81,"hashid":"jzmsm666","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}