La función randomNum devuelve los diferentes valores a diceNum.innerText y player.style.gridColumnStart , quiero que sean iguales, ¿cómo hago eso?
const randomNum = () => { return Math.floor(Math.random() * 6) + 1; }; diceBtn.addEventListener("click", () => { const diceNum = document.getElementById("dice-num"); diceNum.innerText = randomNum(); drawPlayer(); }); function drawPlayer() { playerBody.forEach((pos) => { const player = document.createElement("div"); player.style.gridRowStart = pos.x; player.style.gridColumnStart = randomNum(); player.setAttribute("id", "playerElement"); gameBoard.appendChild(player); }); }Puede pasar el número generado aleatoriamente a la función drawPlayer, aquí hay una muestra
const randomNum = () => { return Math.floor(Math.random() * 6) + 1; }; diceBtn.addEventListener( "click", () => { const diceNum = document.getElementById( "dice-num" ); const rndNum = randomNum(); diceNum.innerText = rndNum; drawPlayer( rndNum ); }); function drawPlayer( rndNum ) { document.querySelectorAll( ".playerBody" ).forEach( element => { element.innerText = rndNum; }); } <button id="diceBtn">Roll</button> <div id="dice-num">#</div> <div class="playerBody">0</div> <div class="playerBody">1</div> <div class="playerBody">2</div> <div class="playerBody">3</div> <div class="playerBody">4</div> <div class="playerBody">5</div> <div class="playerBody">6</div>Establezca randomNumber como una variable y utilícelo.
class RanNumber { value = Math.floor(Math.random() * 6) + 1; generateNewNumber() { this.value = Math.floor(Math.random() * 6) + 1; } getNumber() { return this.value } } const RanNum = new RanNumber() diceBtn.addEventListener("click", () => { // On click generate new number RanNum.generateNewNumber() const diceNum = document.getElementById("dice-num"); diceNum.innerText = RanNum.getNumber(); drawPlayer(); }); function drawPlayer() { playerBody.forEach((pos) => { const player = document.createElement("div"); player.style.gridRowStart = pos.x; player.style.gridColumnStart = RanNum.getNumber(); player.setAttribute("id", "playerElement"); gameBoard.appendChild(player); }); }