admin管理员组

文章数量:1794759

HTML入门之 求圆的周长与面积,网页运算器,求最大值

HTML入门之 求圆的周长与面积,网页运算器,求最大值

1.求圆的面积

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var r=prompt('请输入半径'); var c=2*Math.PI; var m=Math.PI*r*r; document.write("圆的周长"+parseInt(c)+"<br />"); document.write("圆的面积"+parseInt(m)+"<br />"); </script> </head> <body> </body> </html>

2.求最大值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a=prompt("请输入A"); var b=prompt("请输入B"); var c=prompt("请输入C"); if (a>b) { if(a>c) document.write("最大值是A值为"+a); } else if(b>c){ document.write("最大值是B值为"+b); }else{ document.write("最大值是C值为"+c); } </script> </head> <body> </body> </html>

3.网页运算器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>整数1: <input type="text" id="num1"></p> <p>整数2: <input type="text" id="num2"></p> <p> <input type="button" value="相加" onclick="cal(add)"/> <input type="button" value="相减" onclick="cal(sub)" /> <input type="button" value="相乘" onclick="cal(mul)"/> <input type="button" value="相除" onclick="cal(div)" /> </p> <p>结果: <input type="text" id="result"></p> <script> function cal(func){ var num1 = parseInt(document.getElementById('num1').value); var num2 = parseInt(document.getElementById('num2').value); var result = document.getElementById('result'); if(isNaN(num1) || isNaN(num2)){ alert("输入错误!"); return false; } result.value = func(num1,num2); } function add(num1,num2){ return num1 + num2; } function sub(num1,num2){ return num1 - num2; } function mul(num1,num2){ return num1 * num2; } function div(num1,num2){ if(num2==0){ alert("除数不能为0!"); return ''; } return num1 / num2; } </script> </body> </html>

本文标签: 运算器最大值入门面积网页