Вывести 4 красных квадрата, при клике на любой, он становиться зеленым. Что у меня не так?

Question

[fanus]

<div class="wrapper__content">
            <div class="one squares"></div>
            <div class="two squares"></div>
            <div class="three squares"></div>
            <div class="four squares" onclick="showSqr()"></div>
 </div>

 <script>
      let sqr_1 = document.querySelectorAll(".squares");
      sqr_1.onclick = function () {
      for (let i = 0; i < sqr_1.length; i++) {
      sqr_1.style.background = "green";
  }
};
</script>