发表于: 2021-05-23 23:15:44

2 2215


今天完成的事情:

接着昨天的。给滑块设置样式

网上找到的美化滑块的步骤

 

先消除默认的样式

appearancenone;



使用::-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


返回列表 返回列表
评论

    分享到