BMI 計算器副本 | Programming Project | OrangeApple Learning Platform

{"id":197260,"student_id":12205,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\" integrity=\\\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm\\\"\\n\\t crossorigin=\\\"anonymous\\\"\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\" integrity=\\\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\\\"\\n\\t crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\" integrity=\\\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\\\"\\n\\t crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\" integrity=\\\"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\\\"\\n\\t crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\\n\u003cbody\u003e\\n\\t\u003cdiv id=\\\"app\\\" class=\\\"p-5\\\"\u003e\\n\\t\\t\u003ch1\u003eBMI 計算器\u003c/h1\u003e\\n        \u003clabel for=\\\"height\\\"\u003e身高(cm)\u003c/label\u003e\\n        \u003cinput class=\\\"form-control\\\" type=\\\"text\\\" id=\\\"height\\\"\u003e\\n        \u003clabel for=\\\"weight\\\"\u003e體重(kg)\u003c/label\u003e\\n        \u003cinput class=\\\"form-control\\\" type=\\\"text\\\" id=\\\"weight\\\"\u003e\\n\\t\\t\u003cbutton class=\\\"btn btn-primary my-3\\\" id=\\\"submit\\\"\u003e計算\u003c/button\u003e\\n        \u003cdiv class=\\\"alert alert-secondary\\\" id=\\\"result\\\"\u003e結果\u003c/div\u003e\\n\\t\u003c/div\u003e\\n\u003c/body\u003e\\n\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-image: url(./pattern_bg.png);\\n}\\n\\n#app {\\n    max-width: 600px;\\n    margin: auto;\\n}\\n\\n#submit {\\n    stywidth: 100%;\\n}\",\"js\":\"\"}","created_at":"2020-10-23T19:27:13.983+08:00","updated_at":"2020-11-13T12:50:47.219+08:00","name":"BMI 計算器 副本","language":"web","screenshot":{"url":"/uploads/project/screenshot/197260/78dac5d2a70fe3d9afeb035cfd89f91a.jpg"},"parent_id":20982,"plugin":"$('#submit').click(()=\u003e{\n    let w = $('#weight').val();\n    let h = $('#height').val()/100;\n    let bmi = w/(h**2);\n    bmi = bmi.toFixed(2);\n\n    $('#result').removeClass();\n\n    if (bmi \u003c= 18.5) {\n        $('#result').addClass('alert alert-danger').text(`BMI :${bmi} - 過輕`);\n    } else if (18.5 \u003c bmi \u0026\u0026 bmi \u003c= 24.9) {\n        $('#result').addClass('alert alert-success').text(`BMI: ${bmi} - 正常`);\n    } else if (25 \u003c bmi \u0026\u0026 bmi \u003c= 29.9) {\n        $('#result').addClass('alert alert-warning').text(`BMI: ${bmi} - 過重`);\n    } else if (30 \u003c bmi){\n        $('#result').addClass('alert alert-danger').text(`BMI: ${bmi} - 肥胖`);\n    } else {\n        $('#result').addClass('alert alert-danger').text('輸入內容有誤！');\n    }\n});","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":183,"hashid":"4y3sgdrrw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}