quiero crear una cuadricula en css pero no quiero crear en el html div con la clase card-1 hasta el 100 manualmente. Quiero crear este metodo por medio de un bucle en javascript donde me genere todos las card-1 al card-100 con su respetivo div, no se como aplicar lo logica a esto si me pueden ayudar se lo estaria agradecido. Saludos
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
/*Quiero un bucle que me genere los div class card-1 al 100 automaticamente dentro del container para no crear uno por uno manualmente*/
<div class="card-1"></div>
<div class="card-2"></div>
<div class="card-3"></div>
<div class="card-4"></div>...
</div>
</body>
</html>
card-#
de manera incremental entonces no buscas clases sino ids