<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圆的面积和周长</title>
<script >
function abc ()//函数
{
var input= document.getElementsByName('r')[0]//用js获取文本框的值
value =input.value
value = parseInt(value)
document.getElementsByTagName('div')[0].innerText='面积:'+(Math.PI*value*value)
document.getElementsByTagName('span')[0].innerText='周长:'+(Math.PI*2*value)
}
</script>
</head>
<body>
<h2 >求圆的面积和周长</h2>
半径:<input name="r" type="number">
<input type="button" name="" value="计算" onclick="abc()">
<div></div>
<span></span>
</body>
</html>