javascript - 被一小段 JS 代码困住了

Question

我被“网络应用程序”的某些部分卡住了......我所需要的只是通过单击“计算”按钮来查看“计算”函数的值。函数值应该出现在类“rez”的元素中。这是我的代码:

JS

function calculate() {

    var bmi = teza / (visina*visina);

    document.getElementsByClassName("rez").value = bmi;
}

HTML

<div class="panel-body">
    <button type="button" class="btn btn-success btn-md" onclick="calculate()">Calculate</button>
    <p><b>BMI za izbrano osebo:</b></p>
    <div class="res"></div>
</div>

Answer 1

• 不要忘记先定义变量。
• 使用innerHTML而不是value。
• 当您调用 rez 时，类名称为 res。

试试这个:

function calculate() {
    var teza = 5,
        visina = 3,
        bmi = teza / (visina * visina);

    document.getElementsByClassName("res")[0].innerHTML = bmi;
}

  <div class="panel-body">
    <button type="button" class="btn btn-success btn-md" onclick="calculate()">Calculate</button>
    <p><b>BMI za izbrano osebo:</b></p>
    <div class="res"></div>
  </div>