Simple HTML Game - Click and Change Colors - 常规

<html>
<head>
  <title>Simple HTML Game - Click and Change Colors</title>
  <style>
    div {
      width: 50px;
      height: 50px;
      background-color: #09f;
      float: left;
    }
  </style>
</head>
<body>
  <h1>Simple HTML Game - Click and Change Colors</h1>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <script>
    var boxes = document.getElementsByTagName('div');
    for (var i = 0; i < boxes.length; i++) {
      boxes[i].addEventListener('click', function() {
        this.style.backgroundColor = '#f00';
      });
    }
  </script>
</body>
</html>