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

{"id":25461,"student_id":1976,"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身高(cm)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" id=\\\"height\\\"\u003e\\n    \u003clabel for=\\\"weight\\\"\u003e體重(kg)\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" id=\\\"weight\\\"\u003e\\n    \u003cbutton class=\\\"btn btn-success btn-block\\\" id=\\\"submit\\\"\u003e按我\u003c/button\u003e\\n    \u003cp class=\\\"alert alert-secondary\\\" id=\\\"result\\\"\u003e結果\u003c/p\u003e\\n\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n   background-image: url(./bg.png);\\n   margin-top : 10px;\\n}\\n\\np,button {\\n    margin-top : 10px;\\n}\",\"js\":\"$('#submit').click(function(){\\r\\n    var w = $('#weight').val();\\r\\n    var h = $('#height').val()/100;\\r\\n    var bmi = w/(h*h);\\r\\n    bmi = Math.floor(bmi*100)/100;\\r\\n    alert(w+\\\" \\\"+h+\\\" \\\"+bmi );\\r\\n\\r\\n    $('#result').removeClass();\\r\\n\\r\\n    if(bmi\u003c18.5){\\r\\n        $('#result').addClass(\\\"alert alert-danger\\\")\\r\\n        $('#result').text(\\\"BMI : \\\"+bmi +\\\",你體重過輕了！\\\");\\r\\n    }else if(bmi\u003e=18.5 \u0026\u0026 bmi\u003c24.9){\\r\\n        $('#result').addClass(\\\"alert alert-success\\\")\\r\\n        $('#result').text(\\\"BMI : \\\"+bmi +\\\",你體重剛剛好！\\\");\\r\\n    }else{\\r\\n        $('#result').addClass(\\\"alert alert-danger\\\")\\r\\n        $('#result').text(\\\"BMI : \\\"+bmi +\\\",你體重過重了！\\\");\\r\\n    }\\r\\n})\"}","created_at":"2018-03-24T10:12:17.111+08:00","updated_at":"2019-11-10T22:58:07.865+08:00","name":"BMI 計算器","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/25461/b82f1739dcc725a089f9e99517fbaa0e.jpg"},"parent_id":24415,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":355,"hashid":"zpesrvvg","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}