在特定位置更改文本(类似于选项卡，药丸)

Question

菜鸟在这里！我正在用HTML制作一个游戏，我到处都有很多表格，我想制作一个，以便在我按下特定按钮/选项卡时它实际上会发生变化，但我真的不知道该怎么做。我正在考虑使整个事情成为一个会改变的变量，但这似乎是一个坏主意，它会阻止其中的所有其他变量等工作，所以有没有办法让同一页面上的特定表格或文本进行更改而不会影响它周围的任何表格，同时保持在同一页面上？

我想编辑此文本 -

<table id="nabidka">
<tr style="vertical-align: top;">
<td>
<b>
Buy a factory :
<button id="BouFac_id" onclick="BouFac()">Price - 1000 Gold</button>
<p></p>
<div>Hire Factory workers :
<button id="BouWork_id" onclick="BouWork()">Price - 100 Gold | wage = 10 Gold/Day</button>
<p></p>
Buy a coal mine :
<button id="BouCMine_id" onclick="BouCMine()">Price - 500 Gold</button>
<p></p>
Buy a iron mine :
<button id="BouIMine_id" onclick="BouIMine()">Price - 700 Gold</button>
<p></p>
Buy a smelting furnace :
<button id="BouSmelFur_id" onclick="BouSmelFur()">Price - 1000 Gold</button>
<p></p>
Buy a blast furnace :
<button id="BouBlast_id" onclick="BouBlast()">Price - 1500 Gold</button>
<p></p>
Buy a storage :
<button id="BouItemStorage_id" onclick="BouItemStorage()">Price - 500 Gold</button>
</b>
</td>
</tr>
</table>

希望我没有将div放入其中并不重要，因为它也是我不想更改的更多选项卡。

编辑：我通过在一个按钮上使用隐藏元素来解决它，同时显示另一个元素。我为第二个按钮做了同样的事情，并取得了成功！

Answer 1

您必须存储对要更新为变量的表中单元格的引用。使用要用于更新值的键为按键添加事件侦听器，然后运行一个函数来更改该特定单元格的内部 HTML。我觉得这篇文章会给你一个很好的起点：

https://www.w3schools.com/jsref/coll_tr_cells.asp