JavaScript

Browser Events

#first-parent,
#second-parent {
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}

button {
  width: 50px;
  height: 50px;
  background-color: lightblue;
  border-radius: 50%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

h2 {
  text-align: center;
}

.sunshine {
  background-color: gold;
  border-radius: 0;
  margin: 0;
  border: 0;
}

let root = document.querySelector('#root');
for(let i = 0; i < 60; i++) {
  let btn = document.createElement('button');
  btn.textContent = "Event";
  root.append(btn);
}


document.querySelector('#root').click();
