发表于: 2016-06-28 23:34:59
1 2480
今天完成的事情:
1.完成task3,学到了sessionStorage的运用
2.看了jQuery基础语法,写了task4的法官查看页面,看师兄代码发现他们div复制的代码 都是用复制div内容在加在innerHTML上
其实可以直接用
var card = document.getElementsByClassName("boxCard")[0].innerHTML
取出div内容,再用for循环复制,再取出其中元素赋值。这样方便管理。
同理用jQuery可以这样实现div的复制
$("#content").append($(".card:first").clone(true));
clone()方法文档:http://www.w3school.com.cn/jquery/manipulation_clone.asp
明天计划的事情:用jQuery完成task4
遇到的问题:task3的代码有些重复代码感觉还可以优化,暂时没有思路
收获:sessionStorage传递的数值是字符串,所以要先用JSON.stringify(array) 将数组转换成字符串, 取值时再用JSON.parse(string) 将JSON.stringify转化的字符串转换成数组
更新:
师兄提出task2存在的bug:先填数字18,再改成数字6 结果还是18个人,已修改完成。
表示被每次输入数字都要点击设置恶心到了,于是去看了输入框的监听事件,用监听输入框变化改变数值,不用点击按钮了,附教程:http://www.softwhy.com/forum.php?mod=viewthread&tid=14523
目前只用了oninput事件,好像ie11以下不兼容,需要使用onpropertychange,
当输入数字错误是文字会变成红色,如果输入错误且点击发牌了才会弹窗提示错误。
评论