发表于: 2016-04-30 00:10:34
0 2186
最终把任务二做完了。。但都碎了。好多都不懂。慢慢的一点点磨。
HTML和CSS部分就不说了,主要就是我又去研究了下fontawesome图标字体怎么用,后来就那么回事,会是会了,但是浪费很多时间。心痛。
今天完成的事情:
首先就是下面的那个滑动条不知道怎么做,找了好久才找到个inputrange对象才勉强搞定。拖动也可以改变数字,就是样式好丑,再说吧。
其次就是怎么判断输入的内容合法。怎么判断输入的内容是6-18之间的整数。。这个真是把我搞晕了!研究了好久正则表达式怎么用,好像都是用这个在验证输入的数据。。最后终于搞懂怎么用这个正则表达式。。感觉本来有个人指导就很简单是问题自己要研究半天。。好吃力。
这个就可以验证正整数,虽然不明白具体啥意思。。。
其次就是分段随机生成杀手数,而且不能重复。。本来自己按照自己的思路来,先生成杀手人数个数的随机数,再来比较,相同再重新生成,直到全部不相同。。按这个思路,2个杀手的时候还好,3个杀手的时候勉强,四个的时候就搞得头晕了。。我再想要是生成更多不等的随机数,我这个方法简直垃圾爆了!最后百度了下相关方法,发现几个很好的方法。我都是试了下,比我的方法简直简单、明了、NICE多了!
我觉这个方法思路比较清晰,显示生一个全是水民的数组,然后根据杀手人数设置一个for循环,用do-while循环来判断取的随机数是否重复,重复的话从新取,不重复就把杀手赋值给这个。这个就完成了随机切不重复的替换。。
当然还有其他方法,比如数组的.splice()方法添加或者删除数组中的数生成新的数组。但是我还是觉得这个比较好。
其他的问题都不是很大了。主要就是这两个方面。
明天计划的事情:task3
收获:生成任意多个随机不同的数,应用实例。 2,正则表达式简单应用。3,inputrange对象的了解。
4,localstorge和.addEventListener的简单了解。
问题:就上面的,都自己解决了。inputrange IE不兼容,蛋疼。
连接:http://119.10.57.69:880/ptt001/js/task2/task2.html
评论