這是我正在做的程序，但是當我用button創建另一個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>

你的代碼看起來沒問題，可能是與這段代碼無關的其他問題。你可以很容易地寫更多的div，也可以在里面創建更多的按鈕。 每個按鈕都與一些具有onclick屬性的函數相鏈接。所以應該能行。但是如果它不起作用

這里有一些它不起作用的原因

也許你沒有把它放在腳本標簽上。 或者，您可能正在使用外部文件，但沒有正確導入。