用js随机数编座位
2016-09-29 本文已影响0人
蚊子简叔
偌大的课室 哪个将是我们的？
学生时代的我们，经常离不开的一件事就是编座位了......
不知道读者是什么feel，小编还是蛮憧憬的......why？毕竟青春期的少男啊！
那时候哥们要是班上有喜欢的女孩子，肯定就在祈祷，希望老师一时“糊涂”，把我送到她的身边......谁知道那是不是祸害呢！哎
言归正传，别特么地光想妞，要是你能帮老师简化一下工作量，说不定就会有意想不到“开恩”；
自从学习了js中的随机数，个人就有了一个小idea：何不根据每个同学学号来用随机数打乱，重组！
如以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>随机数应用</title>
<style>
*{
margin:0;
padding:0;
}
table{
border:1px solid black;
width:100%;
height:500px;
/*border-collapse:collapse;*/
border-spacing:10px 10px;
}
.title{
font-size:30px;
}
td{
border:1px solid black;
text-align:center;
font-size:20px;
font-weight:bold;
}
th{
font-family:"黑体";
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="8" class="title">xxx班座位表</th>
</tr>
<tr>
<th colspan="2">第一组</th>
<th colspan="2">第二组</th>
<th colspan="2">第三组</th>
<th colspan="2">第四组</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>32</td>
</tr>
<tr>
<td>33</td>
<td>34</td>
<td>35</td>
<td>36</td>
<td>37</td>
<td>38</td>
<td>39</td>
<td>40</td>
</tr>
</table>
<script>
//随机数
function Mathematic(min, max){
if (min>max) {
var t = min;
min = max;
max = t;
}
return Math.floor(Math.random()*(max-min+1)+min)
}
//将随机数插入一个数组中
var Num = [];
var count = 0;
while(count<40){
var pushNum = Mathematic(1,40);
if (Num.indexOf(pushNum)>-1) {
} else {
Num.push(pushNum);
count++;
}
}
//将获取到的tb数组与之对接显示
var td_tags = document.getElementsByTagName("td");
for (var i = 0; i < td_tags.length; i++) {
td_tags[i].innerText = Num[i];
}
</script></body>
</html>
然后各位同学就按学号入座咯，至于能不能跟自己钟意的女孩，这就看运气了嘛。至少这样比老师的乾纲独断好多了嘛！
太简单了，这个！不敢装逼，纯属分享。。。
当然最重要的是随机数的应用，毕竟我接触的随机数还是应用比较广的！
祝愿各位有情人终坐在一起！
