JavaScript

Selecting DOM Elements

section {
  display: flex;
  padding: 1rem 10rem;
}

div {
  width: 100px;
  height: 100px;
  border: 5px dotted black;
  margin-left: -90px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}


let allSquares = document.getElementsByTagName('div');
for (let square of allSquares) {
  square.style.backgroundColor = "teal";
}
allSquares[7].style.backgroundColor = "olive";
