计算机科学与科术《WEB程序设计》平时作业2

2022年10月11日09:24:16 发表评论 8 views

1. 开发一个HTML 文档,其中包含了一组复选框和一个提交按钮,复选框的内容为苹果(每个59 美分)、桔子(每个49 美分)和香蕉(每个39 美分)。每个复选框都应该有自己的onclick 事件处理程序。这些事件处理程序必须能够将对应的水果价格添加到总价格中。针对提交按钮的事件处理程序必须能够产生一个alert 窗口,其中的消息格式为Your total cost is $xxx,其中xxx 是所选水果的总价格加上5%的销售税。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript">

function cost()

{

var cc=sum();

alert("Your total cost is $ "+cc);

}

return false; function sum()

{

var a,b,c,total;

var dom=document.getElementById("aa");

if(dom.elements[0].checked)

a=1;

else a=0;

if(dom.elements[1].checked)

b=1;

else b=0;

if(dom.elements[2].checked)

c=1;

else c=0;

total=(0.590*a+0.490*b+0.390*c)*(1.00+0.050);

return total;

}

</script>

</head>

<body>

<h4>fruit order form</h4>

<form id="aa" action="">

<p>

<input type="checkbox" onclick="sum()"/>

apple

<br/>

<input type="checkbox" onclick="sum()"/>

orange

<br />

<input type="checkbox" onclick="sum()"/>

banana<br />

<input type="button"  value="提交" onclick="cost()"/>

</p>

</form>

</body> </html>

2. 开发一个HTML 文档,用于收集用户的以下信息:姓名(大于2个字符,少于20字符)、身份证号(格式:SSSFFFYYYYMMRRNNNC)以及体重(限制范围为40~150kg)。必须针对这些表单元素创建事件处理程序,来检查所收集的信息是否正确。当检测到错误时,使用alert 窗口来显示错误消息。

注:身份证号格式说明

SSSFFF:6位地址号(0-9)

YYYYMMRR:8位生日(年月日)

NNN:3顺序号(0-9)

C:1位校验码

注:身份证最后一位校验码算法如下:

  • 将身份证号码前17位数分别乘以不同的系数,从第1位到第17位的系数分别为:7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2
  • 将得到的17个乘积相加。
  • 将相加后的和除以11并得到余数。
  • 余数可能为 0,1,2,3,4,5,6,7,8,9,10 ,其对应的身份证最后一位校验码为1,0,X,9,8,7,6,5,4,3,2。

3. 编写一段创建一个表单的HTML 代码,表单包含以下内容:

  • 一个用于输入用户名的文本小组件
  • 4 个复选框,各项内容为:
    1. 4 个25 瓦的灯泡,金额为$2.39
    2. 8 个25 瓦的灯泡,金额为$4.29
    3. 4 个25 瓦的长寿命灯泡,金额为$3.95
    4. 8 个25 瓦的长寿命灯泡,金额为$7.49
  • 由三个单选按钮组成的一个按钮集,标签为:
    1. Visa
    2. MasterCard
    3. Discover

再编写一个PHP 脚本,计算订购的灯泡在加了6.2%的销售税之后的总金额。程序必须返回给顾客一个表格,表格中准确地列出订购的商品。

4. 设计一个选课数据库 CMS

a. 逻辑模式

计算机科学与科术《WEB程序设计》平时作业2

b. 表结构

      • 学生:学号(非负整数,自增,主关键字),姓名(10个字符),专业(20个字符)
      • 课程:课程号(非负整数,自增,主关键字),课程名(30个字符),任课教师(10个字符)
  • 学生—课程:学号(非负整数),课程号(非负整数):

c. 编写 PHP 网页,实现如下功能:

  • 输入学号,以 Ajax 方式从服务器获取学生姓名和专业
  • 如果该学生存在,点击查询按钮,可以表格方式显示其所选的全部课程。

发表留言

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: