JavaScript实验:计算圆的周长与面积及验证学号格式
需积分: 0 125 浏览量
更新于2024-08-04
收藏 602KB DOCX 举报
"2186113564_聂永欣_电气810_实验51"
实验报告包含两个部分,分别是实验一和实验二,它们都是基于HTML和JavaScript实现的交互式计算应用。
实验一的主题是计算圆的面积和周长。这个实验利用JavaScript函数`btnClick()`来处理用户输入的圆的半径,然后动态计算并显示圆的周长和面积。在HTML结构中,用户可以通过文本框输入半径值,点击"计算"按钮触发`btnClick()`函数。函数内部首先获取输入的半径`r`,然后利用数学常数`Math.PI`计算出周长(2 * π * r)和面积(π * r²),并将结果显示在对应的文本框中。该实验有助于理解和实践JavaScript的数学运算以及DOM操作。
实验二是一个简单的用户信息验证功能,重点在于检查输入的学号长度是否为10位。在这个实验中,用户输入学号后,点击"提交"按钮会触发`btnClick()`函数。函数通过获取学号输入框的值,判断其长度是否等于10。如果长度不正确,弹出警告消息;反之,显示"OK"提示。这个实验帮助理解JavaScript中的字符串操作、条件语句(if...else)以及弹窗提示功能。
这两个实验都展示了HTML和JavaScript结合的基本应用,涉及到的主要知识点包括:
1. HTML元素和属性:如`<form>`用于创建表单,`<input>`定义输入字段,`<button>`定义按钮,`<h1>`定义标题,以及`<script>`引入JavaScript代码。
2. JavaScript事件处理:如`onclick`事件绑定在按钮上,当点击时执行特定函数。
3. DOM(Document Object Model)操作:`getElementById()`方法用于获取指定ID的HTML元素,`value`属性用于读取或设置元素的值。
4. JavaScript数据类型:如`parseFloat`用于将字符串转换为浮点数,便于进行数学计算。
5. JavaScript数学运算:如`*`表示乘法,`Math.PI`代表圆周率π。
6. 条件判断:`if...else`语句用于根据条件执行不同的代码块。
7. 弹窗提示:`alert()`函数用于显示警告对话框,向用户显示信息。
通过这两个实验,学生可以加深对Web前端开发基本原理的理解,学习如何用JavaScript进行动态交互式编程,并掌握基本的用户输入验证技巧。这些知识对于从事Web开发工作或者进一步学习更复杂的前端框架如React、Vue等都非常有帮助。
2022-08-08 上传
2022-08-08 上传
2024-07-15 上传
2024-09-11 上传
2024-09-11 上传
2024-09-11 上传
2024-09-11 上传
2024-09-11 上传
![](https://profile-avatar.csdnimg.cn/e7d7ff6ebaf649aba12cb7f734543610_weixin_35826493.jpg!1)
马克love
- 粉丝: 37
- 资源: 319
最新资源
- 解决Eclipse配置与导入Java工程常见问题
- 真空发生器:工作原理与抽吸性能分析
- 爱立信RBS6201开站流程详解
- 电脑开机声音解析:故障诊断指南
- JAVA实现贪吃蛇游戏
- 模糊神经网络实现与自学习能力探索
- PID型模糊神经网络控制器设计与学习算法
- 模糊神经网络在自适应PID控制器中的应用
- C++实现的学生成绩管理系统设计
- 802.1D STP 实现与优化:二层交换机中的生成树协议
- 解决Windows无法完成SD卡格式化的九种方法
- 软件测试方法:Beta与Alpha测试详解
- 软件测试周期详解:从需求分析到维护测试
- CMMI模型详解:软件企业能力提升的关键
- 移动Web开发框架选择:jQueryMobile、jQTouch、SenchaTouch对比
- Java程序设计试题与复习指南