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

{"id":218812,"student_id":12205,"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-fat' src = 'fat.png'/\u003e\\r\\n    \u003cimg id = 'img-normal' src = 'norma.png'/\u003e\\r\\n    \u003cimg id = 'img-slim' src = 'slim.png'/\u003e\\r\\n    \u003ch1 id=\\\"result\\\"\u003e您的BMI計算結果\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=\\\"btn-start\\\"\u003e計算!\u003c/button\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body{\\n    text-align: center;\\n    padding: 60px;\\n    background-image:url(https://sb.koding.school/project_assets/bb9335587ef623758616ce1e7d606260.jpg );\\n     background-size: 1000px;\\n    background-repeat: no-repeatrepeat;\\n}\\nimg{\\n    height: 200px;\\n    width: a;\\n}\\ninput{\\n    width:50%;\\n    font-size:10px;\\n    margin:10px;\\n    padding: 10px;\\n    border-style: 2px soild #fff;\\n    border-radius: 5px;\\n}\\nbutton{\\n    width: 50%;\\n    font-size: 10px;\\n    margin: 10px;\\n    padding: 10px;\\n    border-style: 2px solid #fff;\\n    border-radius: 5px;\\n    color: #fff;\\n    background-color: red;\\n}\\nh1{\\n    color:white;\\n}\",\"js\":\"$('#img-slim').hide();\\n$('#img-normal').hide();\\n$('#img-fat').hide();\\n\\n$('#btn-start').on(\\\"click\\\", getResult);\\n\\nfunction getResult() {\\n    var h = $('#input1').val() / 100;\\n    var w = $(\\\"#input2\\\").val();\\n\\n    h = parseFloat(h);\\n    w = parseFloat(w);\\n\\n    var bmi = w / (h*h);\\n    bmi = bmi.toFixed(2);\\n\\n    // alert(\\\"h=\\\" + h + \\\" w=\\\" + w);\\n    $('img').hide();\\n    \\n    var text;\\n    \\n    if (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}\"}","created_at":"2021-01-15T19:04:17.819+08:00","updated_at":"2021-02-26T19:36:53.045+08:00","name":"BMI 計算機 副本","language":"web","screenshot":{"url":"/uploads/project/screenshot/218812/5e77924d477fbf976df05cec2a479e12.jpg"},"parent_id":67776,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":192,"hashid":"gk4skp9n9","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":3872405,"file_name":"fat.png","project_id":218812,"asset_id":305431,"created_at":"2021-01-15T20:47:34.010+08:00","updated_at":"2021-01-15T20:47:34.010+08:00"},{"id":3872413,"file_name":"norma.png","project_id":218812,"asset_id":305435,"created_at":"2021-01-15T20:51:24.570+08:00","updated_at":"2021-01-15T20:51:24.570+08:00"},{"id":3870123,"file_name":"fat2.png","project_id":218812,"asset_id":121612,"created_at":"2021-01-15T19:04:17.826+08:00","updated_at":"2021-01-15T20:47:28.910+08:00"},{"id":3870122,"file_name":"normal1.png","project_id":218812,"asset_id":121611,"created_at":"2021-01-15T19:04:17.824+08:00","updated_at":"2021-01-15T20:50:37.290+08:00"},{"id":3872380,"file_name":"guess.png","project_id":218812,"asset_id":305430,"created_at":"2021-01-15T20:44:44.069+08:00","updated_at":"2021-01-15T20:44:44.069+08:00"},{"id":3872358,"file_name":"250px-Japan_Fukuoka_wajiro_tidal_flat2010A.jpg","project_id":218812,"asset_id":305424,"created_at":"2021-01-15T20:38:20.491+08:00","updated_at":"2021-01-15T20:38:20.491+08:00"},{"id":3870121,"file_name":"slim1.png","project_id":218812,"asset_id":121610,"created_at":"2021-01-15T19:04:17.823+08:00","updated_at":"2021-01-15T20:49:20.833+08:00"},{"id":3872408,"file_name":"slim.png","project_id":218812,"asset_id":305433,"created_at":"2021-01-15T20:49:28.687+08:00","updated_at":"2021-01-15T20:49:28.687+08:00"},{"id":3870124,"file_name":"guess2.png","project_id":218812,"asset_id":118674,"created_at":"2021-01-15T19:04:17.827+08:00","updated_at":"2021-01-15T20:44:34.192+08:00"}]