发表于: 2021-05-23 23:15:44
2 2215
今天完成的事情:
接着昨天的。给滑块设置样式
网上找到的美化滑块的步骤
先消除默认的样式
appearance: none;
使用::-webkit-slider-thumb来设置滑块的样式
先把样式做好
做完样式之后没什么头绪,
按照任务步骤走
学习JS获取input标签value
先了解value 在input上的作用是什么
网上查到有三种方法可以获取value值
JavaScript获取value值,主要有以下三种:
1.用document.getElementById(“id名”).value来获取(例1);
2.通过form表单中的id名或者name名来获取(例2)。
3.通过id名(不用写getElementById,也不用放在表单中)直接获取value值(例3)。但是直接通过value值获取需要注意以下几点:
①变量名不能和id名一样,否则无效;
②函数名不能和id名一样,否则无效;
③如果需要获取的id外面还有盒子,不能像表单那样,将盒子的name或者id写在前面,eg: var aa=box.need_id.value 是不行的,应该直接写 var aa=need_id.value ;
感觉第一种比较方便,第二、三种条件限制的比较多,
现在主要就是如何把玩家人数给关联起来
思路一 因为玩家人数的改变,下面的滑块也跟着改变。
我觉得滑动块跟玩家人数是同步的,直接相互赋值就好了,捆绑在一起就好了
发现杀手跟平民的比例是1:3
所以杀人游戏最少也得4个人一起玩,所以玩家人数限制在4-18人以内,
如果输入的人数小于4不包括4 或者大于18不等于18时,就会弹出提示框,
还有种无从下手的感觉
明天计划的事情:继续任务二
遇到的问题:主要还是js基础不够扎实
收获:JS获取input标签value
评论