上机作业二  JavaScript语言基础与条件语句
作业要求：1、上级练习当场完成，保存为htm或html文件，打包上传至ftp；
2、实验报告要求：（一）实验目的；（二）实验内容；（三）主要程序代码：（只要写函数function里的内容）；（四）讨论心得：（思考题）。
一、实验目的：
1、熟悉JavaScript的数据类型和变量使用方法；
2、熟悉运算符和表达式；
3、掌握if双分支条件语句的使用方法；
4、掌握switch…case多分支条件语句的使用方法。
二、实验环境
1st JavaScript Editor 5.1 绿版软件；IE浏览器或其他兼容浏览器；记事本。
三、实验内容及步骤
1、用JavaScript编一字符串显示程序，取名“2_1.html”，使得点击按钮后，能合并输入框的文本。
提示设计步骤：
（1）网页上添加<input>标签，两个text文本框，一个button按钮。
（2）在<head>中添加函数function hebing( ) { … }，应用字符串连接运算符“+”将两个文本框的内容进行连接并输出，注意使用文本框的.value属性。
（3）在合并按钮中添加“onclick”属性，调用“hebing( )”函数。
效果如下图：
2、利用JavaScript做个简单的加法运算器，取名“2_2.html”，要求能做小数运算，其中要用到类型转换函数“parseFloat( )”。
提示设计步骤：
（1）网页上添加<input>标签，三个text文本框，一个button按钮。
（2）在<head>中添加函数function jiafa( ) { … }，应用算术运算，将两个文本框的内容转换成数值型并相加，注意使用文本框的.value属性。
（3）在等于按钮中添加“onclick”属性，调用“jiafa( )”函数。
网页设计html代码翻译效果如下图：
思考题（写在讨论心得中）：
（1）设计完成后将“parseFloat( )”改成“parseInt( )”，查看结果，说明他们两个函数的区别。
（2）试在文本框中输入字符而不是数字，计算的结果会是什么内容？
3、用JavaScript编一网吧管理程序，取名“2_3.html”，达到如下效果：单击“是否成年”按钮时，根据输入的年龄弹出提示框。年龄>=18提示“你已成年，可以上网！”年龄<18提示“小朋友，你未成年，再见！”
提示设计步骤：
（1）网页上添加<input>标签，一个text文本框，一个button按钮。
（2）在<head>中添加函数function shangwang ( ) { … }，应用if条件语句实现年龄判断。
（3）在“是否成年”按钮中添加“onclick”属性，调用“shangwang( )”函数。
效果如下图：
4、用JavaScript编一数字翻译程序，取名“2_4.html”，要求用户输入1-9之间的数字，点击按钮后将数字翻译成英文，并显示在下一个文本框中。
提示设计步骤：
（1）网页上添加<input>标签，两个text文本框，一个button按钮。
（2）在<head>中添加函数function fanyi( ) { … }，运用switch…case多分支判断语句，判断第一个文本框的内容，根据其内容在第二个文本框中输出。
（3）要求当输入1、2、3、4或5时，在文本框中输出相应的英文单词，当输入的数字大于5时，在文本框中输出“Other number”。
（4）注意用case语句判断文本框数字时，数据类型为“字符型”而非“数值型”，因此要使用引号，例如：case ‘1’ …。
（5）注意每一个case语句后加上break语句跳出分支。
（6）在按钮属性中添加“onclick”属性，调用“fanyi( )”函数。
效果如下图：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。