<!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. $(document).ready(function(){})和$(window).load(function(){})的区别

    页面加载完成有两种状态: 1.Ready:表示文档结构已经加载完成,不包含图片等非文字媒体文件,在Dom节点创建完成后执行,如果有多个定义则依次执行 $(document).ready(functio ...

  2. 优盘版Kali

    准备USB镜象 下载Kali linux. 如果你用的是Windows,下载Win32 Disk Imager. *nix类系统不需要额外的软件. 一块U盘(至少 2GB 容量). Kali Linu ...

  3. SaltStack安装Redis-第十篇

    实验环境 node1  192.168.56.11   角色  salt-master node2  192.168.56.12   角色  salt-minon 完成内容 Salt远程安装Redis ...

  4. jQuery编程规范与最佳实践（附带一些个人的笔记）

    加载jQuery-Loading jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地 ...

  5. nginx for windows 中虚拟主机路径设置问题

    由于Windows版本的Nginx其实是在Cygwin环境下编译的,所以Nginx使用的是Cygwin的路径格式,所以在Nginx的配置文件nginx.conf中,路径既不能使用*nix的格式,也不能 ...

  6. 使用httpclient提交表单数据加号（+）会被自动替换成空格的坑

    坑的场景: 今天使用httpclient-4.5.3版本,发送如下报文: { "idNo": "7+6+0+2ce722a546b39463bd62817fe57f8&q ...

  7. sprites.png雪碧图

    长时间不用把精灵图怎么用给忘了... 一.PC端 给所用到精灵图的元素设置background:url(sprites.png路径);  background-position: -x -y; 其中: ...

  8. mysql数据库优化课程---18、mysql服务器优化

    mysql数据库优化课程---18.mysql服务器优化 一.总结 一句话总结: 1.四种字符集问题:字符集都设置为utf-82.slow log慢查询日志问题3.root密码丢失 1.mysql存在 ...

  9. python 爬虫005-爬虫实例

    实例一:扒取猫眼电影TOP100 的信息 #!/usr/bin/env python # -*- coding: utf-8 -*- """ 扒取猫眼电影TOP100 的 ...

  10. HDU 5651 组合+逆元

    题目链接http://acm.hdu.edu.cn/showproblem.php?pid=5651 题目意思我看了半天没读懂,一直以为是回文子串又没看见substring的单词最后看博客才知道是用给 ...