JS将背景位置设置为数组中的随机数

Question

我在html老虎机上工作，每个符号都使用background-position放置。我不知道为什么我的JS无法正常工作。我有一个数组，其中包含所有bg位置和一个变量，该变量从那里获取一个随机数...如果我在控制台中记录了此变量，它将显示随机数，但是bg位置没有变化。

scrollToRow

Answer 1

代码有两个问题

function spin2() {
  let bgPos = [120, 190, 260, 320, 390, 460, 520, 590, 650, 715, 780, 845, 910, 975, 1040, 1105, 1170, 1235, 1300, 1365, 1430, 1495];
  let randombgPos = bgPos[Math.floor(Math.random() * bgPos.length)];
  return randombgPos;  <-- exits function
  document.getElementById('strip1').style.backgroundPosition = "0px" + randombgPos + "px";  <-- generates wrong string for position.
}

进行了以下调整：

function spin2() {
  let bgPos = [120, 190, 260, 320, 390, 460, 520, 590, 650, 715, 780, 845, 910, 975, 1040, 1105, 1170, 1235, 1300, 1365, 1430, 1495];
  let randombgPos = bgPos[Math.floor(Math.random() * bgPos.length)];
  document.getElementById('strip1').style.backgroundPosition = "0px " + randombgPos + "px";
  return randombgPos;
}