我開始學習 js，現在我列出了練習清單。在此列表中，我需要制作一個按鈕，每次單擊時，屏幕上都會出現一個新的紅色方塊，并且我總是將鼠標移到任何方塊上，顏色必須更改為任意方塊。但我只能改變第一個方塊的顏色。為什么會發生這種情況？我該如何解決這個問題？let btn = document.querySelector("#btn");btn.onclick = function createSquare() {  let divSquare = document.createElement("div");  divSquare.setAttribute("class", "square");  divSquare.setAttribute("onmouseover", "mouseOver()");  let container = document.querySelector("#container");  container.appendChild(divSquare);};function mouseOver() {  function getRandomColor() {    let letters = "0123456789ABCDEF";    let color = "#";    for (let i = 0; i < 6; i++) {    color += letters[Math.floor(Math.random() * 16)];    }  return color;  }let newColor = getRandomColor();        return document.querySelector('.square').style.backgroundColor = newColor;}#container {  display: flex;  width: 100%;  height: 100%;  flex-wrap: wrap;}.square {  width: 100px;  height: 100px;  background-color: red;  margin: 1px;}<button id="btn">Click here for create a new square</button><div id="container"></div>我需要使用JS來解決這個問題