使用Javascript

Question

我正在为我的JavaScript课程中的家庭作业创建一份膳食计划，除了这一部分外，我的一切都在工作。两个输入字段都是数字而不是文本。

  

如果所选膳食的卡路里总和大于目标摄入量，卡路里计数框将在红色背景中显示卡路里总和，并带有黑色字母

function changeCount() {
  var target = parseFloat( document.getElementById("target") ).value;
  var count = parseFloat( document.getElementById("count") ).value;
  if ( count.value < target.value ) {
    count.classList.add("good");
  } else {
    count.classList.add("over");
  }
}

Answer 1

您只需要从声明中删除parseFloat和。value并在比较时使用它

＆＃13;

＆＃13;

function changeCount(){
  var target = document.getElementById("target"),
    count = document.getElementById("count");
  
  if (count.value < target.value){
    count.classList.add("good");      
    count.classList.remove("over");
  } else {
    count.classList.add("over");
    count.classList.remove("good");
  }
}

＆＃13;

.good{
  background-color: green;
  color:white;
  font-weight: bold;
}

.over{
  background-color: red;
  color:white;
  font-weight: bold;
}

＆＃13;

<input type="text" id="target" placeholder="target" />
<input type="text" id="count" placeholder="count" />
<input type="button" value="calculate" onclick="changeCount()" />

＆＃13;

＆＃13;

＆＃13;