循环使用HTML

Question

我必须创建一个50x50的六边形网格。我有一个无序列表，每个六边形都是一个列表元素。有没有什么办法可以编写一个创建网格的javascript函数而不是我创建2500个HTML元素？

每个六边形具有以下结构：

<li class="hex">
    <div class="hexIn">
        <button class="hexButton" type="button" (click)="move()"> </button>
    </div>
</li>