Tengo este código para crear una tabla con grid pero quisiera saber como podría simplificar mi código con javascript para evitar mostrar todos los "divs" que se encuentran dentro del (los divs estan en la misma columna por si aparecen desacomodados)
.grid-container {
display: grid;
grid-template-columns: 50px 50px 50px 50px 50px;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid black;
text-align: center;
width: 50px;
height: 50px;
}
<div class="parte-tres">
<div class="grid-container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>