时间戳

首页 > 解决方案 > 结果闪烁的Inner.HTML显示

javascript - 结果闪烁的Inner.HTML显示

问题描述

function BMI(){
var h = document.getElementById('height').value;
var w = document.getElementById('weight').value;

  var bmi= w/(h/100*h/100);
  var bmi2 = (bmi.toFixed(2));

document.getElementById("result").innerHTML = " your BMI is " + bmi2;

}

为什么“结果”的输出闪烁

标签： javascripthtmlinnerhtml

解决方案

您应该将字符串转换为数字，因为在 Javascript 中，当您尝试从输入中获取值时，默认情况下它是字符串。并使用模板文字而不是连接字符串。

function BMI(event){
  event.preventDefault();
  var h = Number(document.getElementById('height').value);
  var w = Number(document.getElementById('weight').value);

  var bmi= w/(h/100*h/100);
  var bmi2 = (bmi.toFixed(2));

  document.getElementById("result").innerHTML = `Your BMI is ${bmi2}`;

}

推荐阅读