今天完成的事情：

1.任务3基本完成，目前功能齐备，样式还有点要调试的

2.了解了谷歌F12调试的一些基础

明天计划的事情：

1.把任务三写完

2.了解json以及jquery

遇到的问题：

在写任务三的时候遇到关于js的现象，现在还不知道为什么，明天把它研究清楚。其HTML结构为：

<div id="contain">
   <div class="item"></div>
</div>

本意是想把子元素再复制添加5份，采用的js是这样的：

var clone=document.getElementsByClassName("item")[0].cloneNode(true);//复制了一个元素节点
//想在给它添加5个
for (var i=0;i<5;i++){
document.getElementById("contain").appendChild(clone);
}

但是运行结果是只增加了一个

必须把var clone=...;这条语句放在for循环里面才能复制添加5个出来

收获：

学会了一些字符串方法

（1）split()方法  作用是将字符串分割成字符串数组。并返回此数组。如：

var str="hello_world!";

str.split("_");//返回["hello","world"]

（2）indexof方法

检测某一字符串值在字符串中首次出现的位置

str.indexof("hello");//返回0

若是返回值为负值，表示未找到

(3)slice(start,stop)方法和substring(start,stop)方法  返回字符串中某一指定部分

两者基本类似，只不过前者支持负值，且负值表示末尾，如-1表倒数第一位，以此类推

如：

str.slice(0,2)//返回he

str.slice(0,-2)//返回hello_worl

(4)prompt()方法 可输入的弹出对话框

如：

prompt("请输入名字","张三")//前者为显示的文本，后者为默认输入的值