重复使用<span id="x"></span>在同一页上显示的JavaScript结果

Question

在这个场景中，我的页面上有几个JavaScript计算(基于用户输入)。其结果例如通过<span id="x"></span>显示。

document.getElementById("x").innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2")  + "e-2");

我的问题是，如果我想稍后在同一页中再次使用它，如何最好地显示结果。

我尝试在稍后的页面中再次使用<span id="x"></span>，但是因为"id“是相同的，所以这不起作用，所以我当前的解决方法只是简单地再次重复JavaScript计算，然后在末尾使用"2”再次调用它，如下所示。

<span id="x2"></span>

document.getElementById("x2").innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2")  + "e-2");

但这导致了许多重复/不必要的额外计算，我不禁想，一定有一种更简单的方法可以在同一页面中重复结果？

Answer 1

在不同的span元素中创建唯一的ID，创建一个函数并传递ID。

function fun(id) {
    document.getElementById(id).innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2") + "e-2");
}

Answer 2

然后，在想要触发函数的任何地方，使用func(x2)