请求协助：将playersArr数组拆分为两个子数组的实现问题

代码核心问题： #

• 事件绑定错误：genBtn.addEventListener('click', getTeams()) 里直接执行了getTeams()，会导致页面加载时就触发函数，而非点击按钮时执行，应传入函数引用getTeams
• 原数组被破坏：拆分逻辑直接修改了playersArr，后续添加新玩家时会丢失原始数据，需操作原数组的副本
• 拆分逻辑冗余：固定分2队的场景下，无需用while循环，直接计算两队人数拆分更高效
• 变量未声明：代码中未显式声明playersArr，需提前在合适作用域定义该数组
• 输入值获取重复：newPlayer函数里同时用addPlayer.value和document.getElementById("input").value获取输入，易出现不一致，建议统一

修正后的完整代码： #

// 提前声明玩家数组，确保作用域正确
let playersArr = [];
// 统一获取DOM元素引用
const addPlayer = document.getElementById("input");
const playersContainer = document.querySelector("#players-container");
const btnAddPlayer = document.getElementById("add-btn");
const genBtn = document.getElementById('gen-btn');

function newPlayer() {
  const playerName = addPlayer.value.trim();
  if (!playerName) return; // 空输入不处理

  // 创建玩家列表项
  const newPlayer = document.createElement('li')
  newPlayer.innerText = playerName
  newPlayer.classList.add('player')
  playersContainer.appendChild(newPlayer)

  // 创建删除按钮
  const trashButton = document.createElement('button');
  trashButton.innerHTML = '<i class="fas fa-trash"></i>';
  trashButton.classList.add('fa')
  newPlayer.appendChild(trashButton)

  // 将玩家名加入数组
  playersArr.push(playerName);
  // 清空输入框
  addPlayer.value = '';
}

btnAddPlayer.addEventListener('click', newPlayer)

const nrTeams = 2
let teams = [];

const getTeams = () => {
  teams = []; // 每次生成前清空旧队伍数据
  if (playersArr.length === 0) return;

  // 复制原数组，避免修改原始玩家数据
  const tempPlayers = [...playersArr];
  const teamSize = Math.ceil(tempPlayers.length / nrTeams);
  
  // 直接拆分出两队
  const team1 = tempPlayers.slice(0, teamSize);
  const team2 = tempPlayers.slice(teamSize);
  teams.push(team1, team2);

  // 可在此添加队伍渲染逻辑，比如打印到控制台
  console.log('生成的队伍:', teams);
}

// 修复事件绑定，点击按钮时才执行拆分逻辑
genBtn.addEventListener('click', getTeams);

关键修复说明： #

• 显式声明playersArr，保证数组存在且作用域正确
• 修复事件绑定逻辑，确保点击生成按钮时才触发队伍拆分
• 使用数组扩展符[...playersArr]创建副本，拆分操作不影响原始玩家数据
• 简化分2队的逻辑，通过slice直接拆分，去掉冗余循环
• 添加空输入校验，避免数组存入无效空值
• 统一DOM元素引用和输入值获取逻辑，减少重复查询

内容的提问来源于stack exchange，提问作者Andrei