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

{"id":31132,"student_id":1587,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eBMI 計算機\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 計算機/BMI counter\u003c/h1\u003e\\n    \u003clabel for=\\\"height\\\"\u003e身高(公分) / height(centimeter)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" id=\\\"height\\\"\u003e\u003cbr\u003e\\n    \u003clabel for=\\\"weight\\\"\u003e重量(公斤) / weight(klogram)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" id=\\\"weight\\\"\u003e\u003cbr\u003e\\n    \u003cbutton type=\\\"button\\\" class=\\\"btn btn-primary btn-block submit\\\"\u003e計算 / Count\u003c/button\u003e\\n    \u003clabel\u003e\u003c/label\u003e\\n    \u003cp class=\\\"alert alert-secondary\\\" id=\\\"result\\\"\u003e\\n        BMI\\n    \u003c/p\u003e\\n    \u003cdiv class=\\\"imagenon\\\" id=\\\"addimage\\\"\u003e\u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n   background-image: url(./bg.png);\\n}\\n#addimage{\\n    height: 600px;\\n    width: 600px;\\n    background-repeat: no-repeat;\\n}\\n.light{\\n    background-image: url(./skeleton.png);\\n}\\n.healthy{\\n    background-image: url(./Superman.png);\\n}\\n.heavy{\\n    background-image: url(./Fat.png);\\n}\\n.fat{\\n    background-image: url(./capi.png);\\n}\",\"js\":\"var w = $(\\\"#weight\\\").val();\\n    w = parseFloat(w);\\nvar h = $(\\\"#height\\\").val();\\n    h = parseFloat(h);\\nvar firsta;\\n\\n$(\\\".btn\\\").click(function(){\\n    w = $(\\\"#weight\\\").val();\\n    w = parseFloat(w);\\n    h = $(\\\"#height\\\").val();\\n    h = parseFloat(h);\\n    firsta = [w/(h * h)]*10000 ;\\n    firsta = firsta.toFixed(2);\\n    /* alert(firsta); */\\n    if(firsta \u003c=18.4){\\n        $(\\\"#result\\\").removeClass();\\n        $(\\\"#result\\\").addClass('alert-danger');\\n        $(\\\"#result\\\").text(\\\"BMI =\\\"+firsta+\\\"--- [過輕 / Too light]\\\");\\n        $(\\\"#addimage\\\").removeClass();\\n        $(\\\"#addimage\\\").addClass('light');\\n    }\\n    if(firsta \u003e=18.5 \u0026\u0026 firsta \u003c=24.9){\\n        $(\\\"#result\\\").removeClass();\\n        $(\\\"#result\\\").addClass('alert-success');\\n        $(\\\"#result\\\").text(\\\"BMI =\\\"+firsta+\\\"--- [健康 / Healthy]\\\");\\n        $(\\\"#addimage\\\").removeClass();\\n        $(\\\"#addimage\\\").addClass('healthy');\\n    }\\n    if(firsta \u003e=25 \u0026\u0026 firsta \u003c=29.9){\\n        $(\\\"#result\\\").removeClass();\\n        $(\\\"#result\\\").addClass('alert-warning');\\n        $(\\\"#result\\\").text(\\\"BMI =\\\"+firsta+\\\"--- [過重 / Too heavy]\\\");\\n        $(\\\"#addimage\\\").removeClass();\\n        $(\\\"#addimage\\\").addClass('heavy');\\n    }\\n    if(firsta \u003e=30){\\n        $(\\\"#result\\\").removeClass();\\n        $(\\\"#result\\\").addClass('alert-danger');\\n        $(\\\"#result\\\").text(\\\"BMI =\\\"+firsta+\\\"--- [肥胖 / Super FAT]\\\");\\n        $(\\\"#addimage\\\").removeClass();\\n        $(\\\"#addimage\\\").addClass('fat');\\n    }\\n     /*$(\\\".alert\\\").text(\\\"BMI =\\\"+firsta+\\\"\\\"); */\\n});\"}","created_at":"2018-06-09T10:08:29.530+08:00","updated_at":"2019-10-13T14:16:39.388+08:00","name":"BMI 計算器","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/31132/f29a3d0a9efe8d58238565a30cf5dd89.jpg"},"parent_id":24415,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":152,"hashid":"2pdsy5eq","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}