JavaScript BMI指数判断

1.首先创建好 html 的格式（！+Tab），然后在 head结尾处设置一个link标签，在link标签里引入Bootstrap文件样式（这里采用Bootstrap布局完成css样式），在body标签里创建一个大的div标签，在其里面创建好h5标签设置好相应的文本内容后，再创建一个div标签设置类（class=“row”（这里指行），如下图：

2.接着在其下面创建一个div标签并设置类（class=“col-3（这里指宽距（共12段））”），然后创建一个form标签，在里面创建三个div标签；

给第一个div标签设置类（“form-row form-group mt-3”），创建label标签设置for=“hg”还有设置类（“col-form-label col-3 txet-right”），设置文本：身高：；

创建input标签设置id名（“hg”）设置类（“form-control col-9”）并设置提示文字（placeholder=“m”）；

给第二个div标签设置类（“form-row form-group ”），创建label标签设置for=“wg”还有设置类（“col-form-label col-3 txet-right”），设置文本：体重：；

创建input标签设置id名（“wg”）设置类（“form-control col-9”）并设置提示文字（placeholder=“kg”）；

给第三个div标签设置类（“form-row”），创建button标签设置类（“btn btn-primary btn-block”）并设置id名（“btn”），设置文本内容：确定，如下图：

3.在form标签下面创建两个p标签，给第一个p标签设置类（“mt-3”）id名（“p1”）还有设置文本内容：你的BMI值为：；

给第二个p标签设置类（“mt-3”）id名（“p2”）还有设置文本内容：你的体型状态为，如下图：

4设置js样式；创建script标签，在下面用id选择器获取到确定按钮id名并绑定点击事件（.οnclick=function（）{}），如下图：

5.获取元素；先声明两个变量名并分别用id选择器获取到“hg”（身高）、“wg”（体重）id名，用value属性获取到文本框的值，如下图：

6.声明一个变量（“BMI”）根据体重（“wg”）除以身高的平方（“hg”）可以得到BMI指数（var = BMI = wg/（hg*hg）；），并另声明一个变量（result），如下图：

7.判断BMI值；用刚才声明好的变量（BMI）分别与<18.5、<25、<28、<32、<32以上的做判断（分别为过轻、正常、有点重、胖了、严重肥胖），如下图：

8.最后获取到上面的两个p标签设置上innerText，给第一个设置文本内容为（`你的BMI值为：${BMI}`；）；给第二个p设置上innerText，设置文本内容为（`你的体型状态为：${result}`；），如下图：

9.效果图：

以上。

JavaScript BMI指数判断相关推荐

python 身体BMI指数判断
3.30 python身体BMI指数判断代码: height,weight=eval(input("请输入身高(米)体重(公斤):")) bim=weight/pow(heigh ...
Python中的BMI指数
height = eval(input("请输入身高(单位:m):")) # 保存身高的变量,单位:mweight = eval(input("请输入体重(单位:kg): ...
利用JavaScript实现BMI指数计算
身体质量指数,是BMI指数,简称体质指数,是国际上常用的衡量人体胖瘦程度以及是否健康的一个标准. 当然在做这个demo之前,我们要知道BMI的计算公式:体重(kg)/身高(m)² 实现原理运用onc ...
根据身高体重计算BMI指数，判断您是否健康。
目录前言 (1)体质指数 (Body Mass Index,简称BMI) 1.定义 2.计算公式如下: 3.亚裔成年人请用以下的指引: 4.*罹病情况包括 5.该公式可判断人体的健康状况.根据美国有 ...
c语言编程 BMI判断健康,BMI指数真的可以反映人的健康状态吗？看完你就懂了
在现代社会,人们的健康意识越来越强,而如何来评判个人的健康状态是一个热点话题!其中BMI(身体质量指数)是其中比较常用的指标,因为该方法简便--只需要把你的体重(单位为千克)除以身高(单位为米)的平方 ...
JavaScript求BMI指数
小明身高1.75,体重80.5kg.请根据BMI公式(体重除以身高的平方)帮小明计算他的BMI指数,并根据BMI指数: 低于18.5:过轻 18.5~25:正常 25~28:过重 28~32:肥胖代 ...
场景编程集锦 - BMI指数与健身达人
1. 场景描述 BMI指数(身体质量指数,英文Body Mass Index)是用体重公斤数除以身高米数的平方得出的数字,是目前国际上通用的衡量人体胖瘦程度以及是否健康的一个标准."身体质量 ...
如何测算BMI指数（Python）
刚过完年,相信大家都吃胖了不少.那你知道你的BMI指数吗?废话不多说,直接上源码 # BMI指数# 输入身高和体重 # 假设身高为a: a=float(input('请输入你的身高(m):')) # ...
Java训练01“ 根据身高体重计算BMI指数”
涉及知识点:1.数据类型的声明和运算 2.控制语句if 题目:创建一个BMIexponent类,声明身高(height)单位是米.声明体重(weight)单位是千克.根据BMI=体重/(身高*身高) ...

JavaScript BMI指数判断

JavaScript BMI指数判断

JavaScript BMI指数判断相关推荐

最新文章

热门文章