如何使用javascript输入来测量圆的表面?

时间:2019-07-01 16:11:06

标签: javascript html

有人可以告诉我我的代码有什么问题吗?

const PI = 3.14;

function povrsina(r) {
  if (!null) {
    return (r * r) * PI;
  }
}

function prikazivanje(event) {
  event.preventDefault();
  var poluP = document.getElementById("broj");
  var poluP2 = poluP.value;
  var r = parseFloat(poluP2);
  var povrsina = povrsina(r);
  var rezultat = document.getElementById("rezultat");
  rezultat.innerHTML = povrsina;
}

var dugme = document.getElementById("izracunaj");
dugme.addEventListener("click", prikazivanje);
<!DOCTYPE html>
<html>

<head>

  <title>Povrsina kruga</title>
  <meta charset="UTF-8">
</head>

<body style="background-color: #DDDDDD">
  <header>
    <div style="background-color: silver; text-align: center">
      <h1>Povrsina kruga</h1>
    </div>
  </header>
  <section>
    <form style="text-align: center">
      <label for="broj">Unesi poluprecnik</label>
      <input type="text" id="broj" />
      <button id="izracunaj">Izracunaj</button>
    </form>
    <h1 style="text-align: center">
      Resenje: <span id="rezultat"></span>
    </h1>
  </section>

</body>

</html>
单击按钮时,如果输入为null,则我不希望发生任何事情,但是如果输入的是数字,我希望答案在“ Resenje:“

旁边

1 个答案:

答案 0 :(得分:2)

var povrsina = povrsina(r);

在第54行中,将变量命名为其他名称。正在创建错误,因为您的变量名也被用作函数。

if(!null) {
    return (r * r) * PI;
}

您还应该将if语句更改为if(r!= undefined){...}。