运用js dom实现员工抽奖

年终奖即将到来，怎样用前端的知识实现奖金池的随机分配呢，接下来让我们一起看一下。
上代码
1.首先ui部分（只是一个简单的布局，没有做过多的美化）

html部分

css部分

这些就是一些简单的css垂直和简单布局就不做过多说明

2.接下来看实现功能的核心随机分配算法

通过ui部分的输入框中获取的value，在渲染dom的时候传入到算法函数中，会处理人数和金额的随机分配问题，每分配一个人数，总人数减一，金额减去已分配的，最终分配的金额封装成一个数组返回，dom获取实现渲染

3.渲染dom

dom获取数据后，创造新元素，追加到子节点，实现一个遍历，完成渲染dom的工作。

效果图

这个文章中的demo,主要是让大家熟悉js的dom操作，加固大家对js的基础的巩固，希望能对大家有所帮助。