Web基础-JavaScript.zip

共3个文件

html：3个

javascript

网络协议

需积分: 5 0 下载量 159 浏览量 2024-07-03 22:53:13 上传评论收藏 2KB ZIP 举报

温馨提示

1. 编写一个html页面，使用Javascript完成数字的平方计算。 2、要求文本框中只能输入字母，参考如下：（可使用JavaScript内置对象String的方法测试数字和字母） 3、在文本框分别输入两个数，实现两个数的+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入的数据是否是数字要进行判断。

资源推荐

资源详情

资源评论

收起资源包目录

实验三 Web基础-JavaScript.zip （3个子文件）

sy3

JSP_test01.html 648B

JSP_test02.html 882B

JSP_test03.html 2KB

共 3 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Operation</title> <script type="text/javascript" src="../JS/jquery-3.4.1.min.js"></script> <script> function operate() { var n1 = $("#num1").val(); var n2 = $("#num2").val(); var op = $("#op").val(); var res = $("#result").val(); var reg = /(^[\-0-9][0-9]*(.[0-9]+)?)$/; //判断是否为数字 if (!reg.test(n1) || !reg.test(n2)) { alert("检测到非数字，请您重新输入！"); return false; } else if (op == '/' && n2 == 0) { alert("除数不能为0，请重新输入！"); n2 = ''; return false; } else { // 如果参数是表达式，则eval计算表达式 res = eval(n1 + op + n2); f.result.value = res; return true; } } </script> </head> <body style="width: 50%; margin: 200px auto"> <form name="f"> 请输入两个数进行简单的运算：<br><br>  <input type="text" id="num1" value=""/>  <select id="op"> <option value='+'> +</option> <option value='-'> -</option> <option value='*'> ×</option> <option value='/'> ÷</option> </select>  <input type="text" id="num2" value=""/>  <input type="button" value="=" onclick="operate()"/>  <input type="text" id="result" value="" readonly/> </form> </body> </html>

评论收藏

内容反馈