东师范 JavaScript基础与应用 期末作业考核(答案)

要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。
小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。小明想,如果女朋友又有感兴趣的网站,那怎么办呢?是不是可以添加一个输入框和添加按钮可以让女友自己添加呢,下面是小明写的部分的代码:

<DOCTYPEhtml>
<html>
<head></head>
<body>
<tableborder=”1″cellpadding = “20”cellspacing=”0″>
<tr>
<th>网站名称</th>
<th>网站地址</th>
</tr>
<tr>
<td>京东</td>
<td>http://www.jingdong.com</td>
</tr>
</table>
<labelfor=”name”>网站名称:</label>
<inputid=”name”/>
<labelfor=”address”>网站链接:</label>
<inputid=”address”/>
<spanclass=”btn”>添加</span>
</body>
<style>
table {
margin-bottom: 20px;
}
.btn {
display: inline-block;
padding: 3px10px;
border: 1pxsolid;
margin-left: 20px;
cursor: pointer;
}
</style>
</html>

1.小明同学想给添加按钮添加点击事件,并判读两个输入的框的值不能为空,如果两个输入框有一个值为空的话弹窗提示:请输入添加网站所需内容。他该怎么做呢?

2.小明同学想将输入框的值动态添加到表格中。他该怎么做呢?

资源下载
下载价格30
点点赞赏,手留余香 给TA打赏

AI创作

微信文档购买入口,点击图片加微信

评论0

请先
  • u******* 签到打卡,获得1元奖励
  • 游客 下载了资源 佳能Canon PIXMA MG5180 一体机驱动
  • 游客 下载了资源 2019年下半年教师资格证考试《高中美术》题(解析)
  • u******* 签到打卡,获得1元奖励
  • u******* 签到打卡,获得1元奖励
  • 游客 下载了资源 爱普生Epson WorkForce Pro WF-4820 驱动
  • 游客 下载了资源 2009年贵州省公务员考试《行测》真题答案解析
  • 游客 下载了资源 佳能Canon PIXMA TS3350 驱动
  • u******* 签到打卡,获得1元奖励
  • 游客 下载了资源 2012年公务员考试《申论》卷(贵州、甘肃)及参考答案
  • 游客 下载了资源 爱普生Epson WorkForce Pro WF-3725 驱动
  • u******* 签到打卡,获得1元奖励
  • u******* 签到打卡,获得1元奖励
  • u******* 签到打卡,获得1元奖励
  • u******* 签到打卡,获得1元奖励
  • 游客 下载了资源 爱普生Epson Stylus Photo 790 驱动
点击浏览器地址栏的⭐图标收藏本页
需要托管,代写作业,论文扫码加微信
显示验证码

社交账号快速登录

微信扫一扫关注
扫码关注后会自动登录