GistPad playground test

index.html

<div class="circle red w-50 h-50"></div>
<div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div>

playground.json

{
  "libraries": []
}

script.js

console.log(document.querySelector('.circle'))

style.css

.circle {
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.w-50 {
  width: 50px;
}

.h-50 {
  height: 50px;
}

.red {
  background-color: red;
}

body {
  background-color: black;
}