BMI 計算機副本 | 程式專案

{"id":335836,"student_id":3795,"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\\\"\u003eBMI計算結果:\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=\\\"btm-start\\\"\u003e計算!\u003c/button\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body{\\n    /*將圖片與文字置中*/\\n    text-align: center;\\n    /*給予body內距:60px*/\\n    padding: 60px;\\n}\\nimg{\\n    /*高度:200px*/\\n    height: 200px;\\n    /*寬度:auto*/\\n    width: auto;/*預設也是auto*/\\n}\\ninput{\\n    /*寬度:頁面可視範圍的一半*/\\n    width: 50vw;\\n    /*文字大小:16px*/\\n    font-size: 16px;\\n    /*內距和外距:10px*/\\n    padding: 10px;\\n    margin: 10px;\\n    /*邊框:2px solid #ddd*/\\n    border: 2px solid #ddd;\\n    /*邊框圓角:5px*/\\n    border-radius: 5px;\\n}\\nbutton{\\n    /*複製input的css*/\\n    width: 50vw;\\n    font-size: 16px;\\n    padding: 10px;\\n    margin: 10px;\\n    border: 0; \\n    border-radius: 5px;\\n    /*另外加上*/\\n    color: #fff;\\n    background-color: red;\\n}\",\"js\":\"//透過jQury來隱藏圖片\\n$(\\\"#img-slim\\\").hide();\\n$(\\\"#img-normal\\\").hide();\\n$(\\\"#img-fat\\\").hide();\\n//當按鈕被點擊,呼叫 getResult()\\n$(\\\"#btm-start\\\").on(\\\"click\\\" ,getResult);\\nfunction getResult(){\\n    var h =$(\\\"#input1\\\").val();\\n    var w =$(\\\"#input2\\\").val();\\n    alert('h='+h+'w='+w);//測試用\\n    h = parseFloat(h) / 100;\\n    w = parseFloat(w);\\n//透過toFix函式,將數值四捨五入取道小數點的指定位數\\n    var bmi = w / (h*h);\\n    bmi = bmi.toFixed(2);\\n   \\n    $('#img-guess').hide();\\nvar text;\\nif (bmi \u003c= 18.5) {\\n    text = '太輕了!';\\n    $('#img-slim').show();\\n} else if (18.5 \u003c bmi \u0026\u0026 bmi \u003c= 24.9) {\\n    text = '正常!';\\n    $('#img-normal').show();\\n} else if (bmi \u003e 24.9) {\\n    text = '過胖哦!'\\n    $('#img-fat').show();\\n}\\n $('#result').text('計算結果 BMI:' + bmi + text);\\n}\\n\\n \\n\\n\\n\\n\"}","created_at":"2022-01-15T10:10:24.044+08:00","updated_at":"2022-02-26T10:35:34.428+08:00","name":"BMI 計算機 副本","language":"web","screenshot":{"url":null},"parent_id":67776,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":35,"hashid":"qmds859mv","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}