<!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. Alluxio集成Hadoop

    准备工作 为了运行Alluxio集群在多个机器上,必须部署Alluxio服务到这些机器上.可以下载伴随特定Hadoop版本的二进制AlLxio包,也可以从Alluxio源码中编译. 当从源码中编译时, ...

  2. centos 查询mysql配置文件位置

    具体指令: 1.which mysqld  (”which 文件名“ : 搜索命令所在路径及别名) 2./usr/sbin/mysqld --verbose --help | grep -A 1 'D ...

  3. MySQL MERGE存储引擎 简介及用法

    MERGE存储引擎把一组MyISAM数据表当做一个逻辑单元来对待,让我们可以同时对他们进行查询.构成一个MERGE数据表结构的各成员MyISAM数据表必须具有完全一样的结构.每一个成员数据表的数据列必 ...

  4. Basic Authentication in ASP.NET Web API

    Basic authentication is defined in RFC 2617, HTTP Authentication: Basic and Digest Access Authentica ...

  5. NOIP2015 T4 推销员 贪心+堆优化

    前几天在学堆,这个数据结构貌似挺简单的,但是我看了很久啊QAQ... 今天算是搞懂了吧...于是想到了这道题...(当初悄悄咪咪看题解记得一点) 点我看题 放洛谷的题... 题意的话,大概就是有n个房 ...

  6. ThinkPHP开发笔记-模型

    1.模型定义.在ThinkPHP中,可以无需进行任何模型定义.只有在需要封装单独的业务逻辑的时候,模型类才是必须被定义的,因此ThinkPHP在模型上有很多的灵活和方便性,让你无需因为表太多而烦恼. ...

  7. 数据可视化——Matplotlib(1)

    导入相关模块 import matplotlib.pyplot as plt import pandas as pd import numpy as np 基本图表 散点图:scatter N = 1 ...

  8. flutter自定义View(CustomPainter) 之 canvas的方法总结

    画布canvas 画布是一个矩形区域,我们可以控制其每一像素来绘制我们想要的内容 canvas 拥有多种绘制点.线.路径.矩形.圆形.以及添加图像的方法,结合这些方法我们可以绘制出千变万化的画面. 虽 ...

  9. 浏览器检测-js

    昨天有一同学问我为什么attachEvent在非IE浏览器下不能起作用,我也跟他解释了一番:attachEvent是IE下独有的,只能在IE下使用,其他浏览器下应该用addEventListener来 ...

  10. 分布式缓存集群方案特性使用场景（Memcache/Redis(Twemproxy/Codis/Redis-cluster)）优缺点对比及选型

    分布式缓存集群方案特性使用场景(Memcache/Redis(Twemproxy/Codis/Redis-cluster))优缺点对比及选型   分布式缓存特性: 1) 高性能:当传统数据库面临大规模 ...