BMI 計算機副本 | 程式專案

{"id":304850,"student_id":3770,"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 src=\\\"guess.png\\\" id=\\\"img-guess\\\"/\u003e\\r\\n      \u003cimg src=\\\"fat.png\\\" id=\\\"img-fat\\\"/\u003e\\r\\n      \u003cimg src=\\\"normal.png\\\" id=\\\"img-normal\\\"/\u003e\\r\\n      \u003cimg src=\\\"slim.png\\\" id=\\\"img-slim\\\"/\u003e\\r\\n      \\r\\n      \u003ch1 id=\\\"result\\\"\u003eBMI 計算結果：\u003c/h1\u003e\\r\\n      \\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\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body{\\n    text-align:center;\\n    padding:60px;\\n}\\nimg{\\n    height:200px;\\n    width:auto;\\n}\\n\\ninput{\\n    width:50vw;\\n    font-size:16px;\\n    padding:10px;\\n    margin:10px;\\n    border:2px solid #ddd;\\n    border-radius:5px;\\n}\\n\\nbutton{\\n    width:50vw;\\n    font-size:16px;\\n    padding:10px;\\n    margin:10px;\\n    border:0;\\n    border-radius:5px;\\n    color:#fff;\\n    background-color:red;\\n}\",\"js\":\"$('#img-slim').hide();\\n$('#img-normal').hide();\\n$('#img-fat').hide();\\n$('#btn-start').on('click',getResult);\\n\\nfunction getResult(){\\n    var h = $('#input1').val();\\n    var w = $('#input2').val();\\n    // alert('h='+h+'w='+w);\\n    \\n    h = parseFloat(h) / 100;\\n    w = parseFloat(w);\\n    \\n    var bmi = w / (h*h);\\n    bmi = bmi.toFixed(2);\\n    \\n    $('img').hide();\\n    var text;\\n    if(bmi\u003c= 18.5){\\n        text = '太輕了!';\\n        $('#img-slim').show();\\n    } else if(18.5\u003cbmi \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    \\n    \\n    \\n    $('#result').text(\\\"計算結果 BMI :\\\" + bmi + text);\\n}\"}","created_at":"2021-10-16T13:38:19.556+08:00","updated_at":"2021-10-16T15:20:56.157+08:00","name":"BMI 計算機 副本","language":"web","screenshot":{"url":null},"parent_id":67776,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":29,"hashid":"qmds8mn9j","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}