博客

HTML页面：

<input type="text" placeholder="请输入圆的半径" />
<div id="result"></div>

Javascript代码：

let input = document.querySelector("input");
let div = document.getElementById("div");
input.addEventListener("input", function () {
this.value = this.value.replace(/[^0-9\.]/, "");
//正则匹配，使用replace替换除了0-9之外的数字为空字符串，复制给input的value
 result.innerHTML = (this.value * this.value *
 Math.PI).toFixed(2);
      });