这是我正在开发的程序，但是当我创建另一个带有按钮的div时，顶部的按钮似乎不起作用。我试图创建一个网站与按钮。我该怎么办？

function order() {
  location.replace("ORDERSTAB.html");
}

function floorstock() {
  location.replace("FLOORSTOCKSTAB.html");
}

function inventory() {
  location.replace("INVENTORYTAB.html");
}

function statistics() {
  location.replace("STATISTICSTAB.html");
}

<div>
  <ul>
    <li><button class="sidebutton" onclick="order()">ORDERS</button></li>
    <li><button class="sidebutton" onclick="floorstock()">FLOOR STOCK</button></li>
    <li><button class="sidebutton" onclick="inventory()">INVENTORY</button></li>
    <li><button class="sidebutton" onclick="statistics()">STATISITCS</button></li>
  </ul>
</div>
<div>
  <p class="category" id="change">CATEGORY</p>
</div>
<div>
  <button class="orderbutton">HOT</button>
  <button class="orderbutton">HOT</button>
  <button class="orderbutton">HOT</button>
  <button class="orderbutton">HOT</button>

</div>