在javascript中随机化播放器颜色列表

Question

我在http://verlager.com/super-dev.php有一个国际象棋配对页面。问题是我需要随机化播放器的颜色，因为我只是按照评级的降序列出了播放器。评分较高的玩家总是获得白色棋子。不好。

我想我应该先拿两个球员，并随机输入一个数字。如果随机数是> 0.5，然后第一个玩家有白色，否则第二个玩家有白色。列出来。然后选择接下来的两名球员并做同样的事情。有什么建议？

setenforce 0

Answer 1

使用CSS3

<强> JS

sorted.forEach((n, x) => {
  let a = n.split(','),
      r;

  if (nameRatingMap[n]) {
    r = nameRatingMap[n];
    $('#I' + x).val(a[0] + '; ' + r);
  }
});

<强> CSS

input:nth-of-type(odd) {
  background: blue;
  color: #fff;
}

input:nth-of-type(even) {
  background: red;
  color: #fff;
}

演示：https://codepen.io/anon/pen/oyXWZO

使用{n} % 2 === 0

<强> JS

sorted.forEach((n, x) => {
  let a = n.split(','),
      r, c;

  if (nameRatingMap[n]) {
    r = nameRatingMap[n];
    c = (x % 2 === 0) ? 'red' : 'blue';
    $('#I' + x).val(a[0] + '; ' + r)
      .css({
        background: c,
        color: '#fff'
      });
  }
});

演示：https://codepen.io/anon/pen/bKdRzQ