今天完成的事情：把个人主页设置好了背景视频，研究了一下html的<video>属性，JS任务2的样式完成
明天计划的事情：肝任务二
遇到的问题：html的<video>，插入的视频只能用我用斗鱼软件录制的视频..不知道浏览器对视频有什么具体的要求，像这样的网站

http://mo.m.taobao.com/page_201703011647531?spm=a313x.7781069.1998910419.25.FMZAWJ

用背景视频会显的挺好看的..就是手机端不好访问，下一步用一个透明的DIV盖住背景视频，然后通过点击按钮来播放背景视频..不过有空再写吧..

写任务2我真的没有逻辑..要动态分布杀手和平民，想着要创建两个数组，一个用来存杀手，一个用来存平民，但是嘉豪说不是这样写的，我又懵了。

要让input的框只能输入数字，在input里加

type="number"

这样就只能输入数字，但是这样输入框右边会出现调数字的上下按钮，这时候要把按钮去掉，在CSS里加

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

但是不知道为什么.百度的 直接复制过来。

然后开始写JS，第一步就困扰了我很久，我设置的变量获取不到input的value的值，要先获取input

再通过获取这个变量的value才能行，然后获取到之后又出问题，想测试有没有获取到我用alert来弹出，但是总是弹出空的值，找了很久原因，原来是获取到的值是string类型，这里只要把要转换成number的string类加parseInt就可以转换（嘉豪说的，我还没实现）；

获取到的值减去6除以3再+1，用Math.floor像下去整，把这个值赋给杀手的数量，这个逻辑是每新增三个人都加一个杀手，6个人的时候只有一个杀手，虽然目的实现了，但是我是算不出的..（嘉豪教的）

收获：小课堂讲的viewport，原来媒体查询设置的max-width一直是根据viewport的宽度来实现的，一个经常用的东西却不知道原理。写JS没有头绪可能还是基础太差了吧，所以一个任务给出来我想不到要怎么写，要继续刷高程。