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

{"id":25760,"student_id":1806,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody class=\\\"p-5\\\"\u003e\\n    \u003ch1\u003eBMI計算器\u003c/h1\u003e\\n    \u003clabel for=\\\"height\\\"\u003e身高(m)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" type=\\\"number\\\" id=\\\"height\\\" placeholder=\\\"請在此輸入文字\\\"\u003e    \\n    \u003clabel for=\\\"weight\\\"\u003e體重(kg)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" type=\\\"number\\\" id=\\\"weight\\\" placeholder=\\\"請在此輸入文字\\\"\u003e\\n    \u003cbutton class=\\\"btn btn-primary\\\" id=\\\"btn\\\"\u003e計算\u003c/button\u003e\\n    \\n    \u003cp class=\\\"alert alert-warning\\\" id=\\\"result\\\"\u003e\u003c/p\u003e\\n    \\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n   background-image: url(./bg.png);\\n}\",\"js\":\"$(\\\"#btn\\\").click(function(){\\r\\n    alert(\\\"我被點擊了\\\");\\r\\n});\\r\\n\\r\\n$('#btn').click(function(){\\r\\n    var w=$(\\\"#weight\\\").val();\\r\\n    var h=$(\\\"#height\\\").val();\\r\\n    alert(w);\\r\\n    alert(h);\\r\\n    var bmi=Math.floor(w/(h*h)*100)/100\\r\\n    alert(bmi);\\r\\n    $(\\\"#result\\\").removeClass();\\r\\n    if(bmi\u003c=18.5){\\r\\n        $(\\\"#result\\\").text(\\\"過輕:\\\"+bmi)\\r\\n        $(\\\"#result\\\").addClass('alert alert-danger')\\r\\n    }else if(bmi\u003c25){\\r\\n        $(\\\"#result\\\").text(\\\"正常:\\\"+bmi)\\r\\n        $(\\\"#result\\\").addClass('alert alert-success')        \\r\\n    }else if(bmi\u003c30){\\r\\n        $(\\\"#result\\\").text(\\\"過重:\\\"+bmi) \\r\\n        $(\\\"#result\\\").addClass('alert alert-warning')         \\r\\n    }else {\\r\\n        $(\\\"#result\\\").text(\\\"肥胖:\\\"+bmi)  \\r\\n        $(\\\"#result\\\").addClass('alert alert-danger')\\r\\n          \\r\\n    }\\r\\n    \\r\\n});\"}","created_at":"2018-03-24T18:38:37.983+08:00","updated_at":"2019-10-29T18:56:29.217+08:00","name":"BMI 計算器","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/25760/abaf7ef8f409e2710e716080313b49cc.jpg"},"parent_id":24415,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":218,"hashid":"882s4gvk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}