我有變量來生成 1-3 之間的隨機數，并返回“石頭”、“布”或“剪刀”，但是，我無法弄清楚如何將該函數添加到已按下的單個按鈕的事件偵聽器中. 并讓它返回“計算機選擇---”。此外，目前按下按鈕時圖像發生變化，但實際上沒有選擇“石頭”“布”“剪刀”，我可以在playerChoice()圖像變化的同時添加它onclick還是應該是它自己的功能？ <section>        <div class="player1">            <h2>Player One</h2>            <p>0</p>        </div>        <div class="computer">            <h2>Computer</h2>            <p>0</p>        </div>        <div class="game-board">            <img id="player-choice" src="images/rock.png" alt="" />            <img id="computer-choice" src="images/rock.png" alt="" />        </div>        <div class="options-btn">            <input type="button" id="rock-btn" value="Rock" />            <input type="button" id="paper-btn" value="Paper" />            <input type="button" id="scissors-btn" value="Scissors" />        </div>    </section>let playerScore = 0;let computerScore = 0;function playerChoice() {  const playerChoice = document.getElementById('player-choice');  const rock = document.getElementById('rock-btn');  const paper = document.getElementById('paper-btn');  const scissors = document.getElementById('scissors-btn');  rock.addEventListener('click', () => {    playerChoice.src = 'images/rock.png';  });  paper.addEventListener('click', () => {    playerChoice.src = 'images/paper.png';  });  scissors.addEventListener('click', () => {    playerChoice.src = 'images/scissors.png';  });}function computerChoice() {  const options = document.querySelectorAll('.options-btn button');  const randomPick = ['rock', 'paper', 'scissors'];  const randomNumber = Math.floor(Math.random() * 3);  return (choice = randomPick[randomNumber]);}playerChoice();