总浏览量:539.52万
东师19秋《JavaScript基础与应用》考核作业(资料)

时间:2020-03-05 22:05来源:本站作者:点击: 1938 次

可做奥鹏院校所有作业、毕业论文咨询请添加 QQ:3082882699
微信:jd958787

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


<DOCTYPE html>
<html>
  <head></head>
  <body>
    <table border="1" cellpadding = "20" cellspacing="0">
      <tr>
        <th>网站名称</th>
        <th>网站地址</th>
      </tr>
      <tr>
        <td>京东</td>
        <td>http://www.jingdong.com</td>
      </tr>
    </table>
    <label for="name">网站名称:</label>
    <input id="name"/>
    <label for="address">网站链接:</label>
    <input id="address"/>
    <span class="btn">添加</span>
  </body>
  <style>
    table {
      margin-bottom: 20px;
    }
    .btn {
      display: inline-block;
      padding: 3px 10px;
      border: 1px solid;
      margin-left: 20px;
      cursor: pointer;
    }
  </style>
</html>
  

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

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

需要奥鹏作业答案请扫二维码,加我QQ

添加微信二维码,了解更多学习技巧,平台作业、毕业论文完成时间友情提醒。不再错过任何作业论文。