更改JS中脚本输入的文本框

Question

为了寻求帮助，我现在正在编写一个脚本，我需要更改它运行的HTML页面中的文本框。

例如，我需要更改inputwoodID的值，但使用document.querySelector("#inputWood").value=0;根本不起作用。

document.querySelector("#inputWood").value=0;

<ul class="clearfix">
<li class="assignWood " style="width:131px">
<div class="clearfix">
<input id="inputWood" type="number" class="textfield" maxlength="4" min="0" max="1290" size="3" name="wood" data-max="1290" value="860">
<div class="plusminus">
<div class="plus" id="plusWood"></div>
<div class="minus" id="minusWood"></div>
</div>
</div>
</li>
<li class="assignLuxury " style="width:128px">
<div class="clearfix">
<input id="inputLuxury" type="number" class="textfield" maxlength="4" min="0" max="1164" size="3" name="luxury" data-max="1164" value="776">
<div class="plusminus">
<div class="plus" id="plusLuxury"></div>
<div class="minus" id="minusLuxury"></div>
</div>
</div>
</li>
<li class="assignScientists " style="width:109px">
<div class="clearfix">
<input id="inputScientists" type="number" class="textfield" maxlength="4" min="0" max="256" size="3" name="scientists" data-max="256" value="256">
<div class="plusminus">
<div class="plus" id="plusScientists"></div>
<div class="minus" id="minusScientists"></div>
</div>
</div>
</li>
<li class="assignPriests " style="width:130px">
<div class="clearfix">
<input id="inputPriests" type="number" class="textfield" maxlength="4" min="0" max="992" size="3" name="priests" data-max="992" value="816">
<div class="plusminus">
<div class="plus" id="plusPriests"></div>
<div class="minus" id="minusPriests"></div>
</div>
</div>
</li>
<li class="assignCitizens" style="width:149px">
<input type="submit" class="button" value="שמור">
</li>
</ul>

有什么帮助吗？

Answer 1

您必须将javascript代码放入函数中，并分配给按钮的onclick事件。在您的代码片段中，js代码立即运行，我们只看到"；0"；iput字段中的值。

<li class="assignCitizens" style="width:149px">
<input type="submit" class="button" value="שמור" onclick="changeit()">

function changeit(){
document.querySelector("#inputWood").value=0;
}

Answer 2

这样使用const-wood=document.querySelector("#inputWood"(；木材价值；