简化JavaScript代码.document.getElementById

Question

我有这段代码。目标是在需要时在特定字段中写入数字。问题是代码太大了。我可以进一步简化代码吗？

HTML代码

<div class="btn-group mr-2" role="group" aria-label="First group">
<button type="button" onclick="e1()" class=" btn">01</button>
<button type="button" onclick="e30()" class="btn">30</button>
</div>

JavaScript代码

function e1() {
document.getElementById("epis_n").value = "1";
document.getElementById("order").value = "1";
}
function e30() {
document.getElementById("epis_n").value = "30";
document.getElementById("order").value = "30";
}

Answer 1

您可以创建一个接受参数的函数。

HTML:

<button type="button" onclick="e(1)" class="btn">01</button>
...
<button type="button" onclick="e(30)" class="btn">30</button>

JavaScript:

function e(n) {
document.getElementById("epis_n").value = n.toString();
document.getElementById("order").value = n.toString();
}