<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
body{

font-size: 63%;
}
.clearfix:after{
content:'';
display: block;
clear:both;
}
.clearfix{
zoom:1;
}
.bmi-box{
width:302px;
}
.bmi-box input{
width:150px;
}
.cueBox{
font-size: 1.6em;
/* line-height: 180%; */
text-align: left;
margin: 5px 0px;
padding: 0px;
}
#cue{
border: 1px dotted #ddd;
background-color: #ffa;
margin: 10px 0px 15px 0px;
padding: 2px;
}
.tit{
width:120px;
height: 2.4em;
font-size: 1.4em;
/* line-height: 180%; */
float:left;
}
.msg input{
width:170px;
padding-left:10px;
background: #eff8ff;
border: 1px solid #999;
font-size: 1.2em;
line-height: 1.6em;
float:left;
}
.button{
padding: 2px 10px;
font-size: 1.0em;
line-height: 100%;
margin:0 auto;
}
.msg{
width:100%;
}
</style>
</head>
<head>
<script>
function idealweight(a){
var x=(a-100)*0.9;
return x;
}

function bmi(a,b){
var bmi=b*1.0/((a*1.0/100)*(a*1.0/100));
return bmi;
}

function Cal(form){
var a=eval(form.height.value);
var b=eval(form.weight.value);
var BMI=eval(form.BMI.value);

form.IW.value=idealweight(a);
form.BMI.value=bmi(a,b);
disp_alert(bmi(a,b));
}

function disp_alert(bmi){
if (bmi < 18.5)
{
document.getElementById('cueBox').style.display='block';
document.getElementById('cue').innerHTML="你的体重太轻,要多吃点哟!";
// alert("你的体重太轻,要多吃点哟!");
}
else if (bmi >= 18.5 && bmi < 25)
{
////////////////////////////////
// alert("亲,你的体重正常,要继续保持哟!"); //
////////////////////////////////
document.getElementById('cueBox').style.display='block';
document.getElementById('cue').innerHTML="亲,你的体重正常,要继续保持哟!";
}
else if (bmi >= 25 && bmi< 30)
{
document.getElementById('cueBox').style.display='block';
document.getElementById('cue').innerHTML="亲,您的体重过重,要减肥了!";
//////////////////////////////
// alert("亲,您的体重过重,要减肥了!"); //
//////////////////////////////
}
else
{
document.getElementById('cueBox').style.display='block';
document.getElementById('cue').innerHTML="亲,你确实要减肥了!";
//////////////////////////
// alert("亲,你确实要减肥了!"); //
//////////////////////////
}
}

</script>
</head>
<body>
<form method=post class="bmi-box">
<div class="msg clearfix">
<p class="tit">你的身高(cm):</p><input type="text" name="height">
</div>
<div class="msg clearfix">
<p class="tit">你的体重(kg):</p><input type="text" name="weight">
</div>
<div class="clearfix">
<p class="tit"></p>
<input type="button" class="button" value="开始计算" onclick="Cal(this.form)">
</div>
<div class="cueBox" id="cueBox" style="display:none;">
<div id="cue"></div>
</div>
<div class="msg clearfix">
<p class="tit">你的理想体重(kg):</p><input type="text" name="IW">
</div>
<div class="msg clearfix">
<p class="tit">您的BMI值:</p><input type="text" name="BMI">
</div>
</form>
</body>
</html>

BMI计算器的更多相关文章

  1. Angular 2.0 从0到1：Rx--隐藏在Angular 2.x中利剑

    第一节:Angular 2.0 从0到1 (一)第二节:Angular 2.0 从0到1 (二)第三节:Angular 2.0 从0到1 (三)第四节:Angular 2.0 从0到1 (四)第五节: ...

  2. start running 开始跑步减肥

    begin 两个月前,逛超市的时候站在体重秤上称了称,一直以为自己体重很正常(BMI<25,虽然也不轻~~~),结果直接迈过超重,奔着肥胖跑去了(BMI>30,BMI计算器 http:// ...

  3. WEBBASE篇： 第八篇， JavaScript知识2

    JavaScript 2 一,数据类型: 作用: 约束了数据在内存中所占空间大小问题的: JS数据类型分类: 基本数据类型(值类型) (1) number 类型: 数字类型,可以表示32位的整数或64 ...

  4. JS&jQuery

    1.JavaScript概述    1.什么是JavaScript        JavaScript简称JS,是一种专门运行于JS解释器/引擎中的解释型脚本语言    2.JS发展史         ...

  5. 【Python】BMI指数 计算器

    身体质量指数 (Body Mass Index, 简称BMI), 亦称克托莱指数, 是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准.BMI 值超标,意味着你必须减肥了. 在线版:https: ...

  6. 1.C#WinForm基础制作简单计算器

    利用c#语言编写简单计算器: 核心知识点: MessageBox.Show(Convert.ToString(comboBox1.SelectedIndex));//下拉序号 MessageBox.S ...

  7. 自己动手写计算器v1.1

    这个改动主要是使用工厂模式替代了简单工厂模式,这样做的好处是如果以后我们要扩充其他运算时,就不用总是去修改工厂类, 这是可以采取工厂模式,主要是将原来简单工厂类的逻辑判断分离出来,将它作为一个借口,与 ...

  8. 自己动手写计算器v1.0

    今天突发奇想,想着看了还几个设计模式了,倒不如写点东西来实践它们.发现计算器这种就比较合适,打算随着设计模式的学习,会对计算器不断的做改进. 包括功能的增加和算法的改进.初学者难免犯错,希望大家不吝指 ...

  9. 【IOS开发笔记03-视图相关】简单计算器的实现

    UIView 经过前几天的快速学习,我们初步了解的IOS开发的一些知识,中间因为拉的太急,忽略了很多基础知识点,这些知识点单独拿出来学习太过枯燥,我们在今后的项目中再逐步补齐,今天我们来学习APP视图 ...

随机推荐

  1. 单调队列：temperature

    题目大意:某国进行了连续n天的温度测量,测量存在误差,测量结果是第i天温度在[l_i,r_i]范围内. 求最长的连续的一段,满足该段内可能温度不降. 第一行n下面n行,每行l_i,r_i 1<= ...

  2. Student : IComparable<Student> 以及逆变和协变

    IComparable<Student>是Student的父类,所以IComparable<Student>可以接收Student.但是在使用CompareTo方法的时候,必须 ...

  3. 在Linux Centos 7.2 上安装指定版本Docker。

    相关资料链接: https://docs.docker.com/install/linux/docker-ce/centos/#install-docker-ce 先清空下“历史” yum remov ...

  4. HDU5324 cqd分治

    HDU5324 cqd分治 标签(空格分隔): 未分类 给你两个长度相同数列,求第一个不上升,第二个不下降的最长子序列长度. 这里要求的子序列对第一个和第二个来说是相同的.即如果你在第一个序列里选了第 ...

  5. Sorl初始

    Sorl是什么 ? Solr是Apache下的一个开源项目,使用Java基于Lucene开发的全文检索服务:是一个独立的企业级搜索应用服务器,它对外提供类似于Web-service的API接口.用户可 ...

  6. 深入浅出-Binding的源与路径

    1.把控件作为Binding源与Binding标记扩展<TextBox x:Name="textBox1" Text="{Binding Path=Value, E ...

  7. Decrypting OWIN Authentication Ticket

    参考:https://long2know.com/2015/05/decrypting-owin-authentication-ticket/ AuthServer产生的Token因为没有制定自定义的 ...

  8. vim 正则 捕获

    在正规表达式中使用 \( 和 \) 符号括起正规表达式,即可在后面使用\1 \2等变量来访问捕获的内容. 将捕获内容前后交换,如下: :s/\(\haha\)\(hehe\)/\\/

  9. 设计模式--原型模式C++实现

    原型模式C++实现 1定义 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象 2类图 3实现 class Prototype { protected: Prototype(); publ ...

  10. 9.深入理解AbstractQueuedSynchronizer(AQS)

    1. AQS简介 在上一篇文章中我们对lock和AbstractQueuedSynchronizer(AQS)有了初步的认识.在同步组件的实现中,AQS是核心部分,同步组件的实现者通过使用AQS提供的 ...