将外部javascript文件中的变量传递到html中的值？

我正在制作一个购物表单，在这个表单中，我可以通过修改.js中的一个变量来编辑外部.js文件中的价格，并将反映在我的html中的一个值中，该值合计了总成本

名为prices.js的Javascript文件

var x = "100.00";
var y = "200.00";

我的html：

<input type="hidden" name="item_name_1" value="Banana for Sale">
<input class="amount" type="hidden" name="amount_1" value=x>

<input type="hidden" name="item_name_2" value="Orange for Sale">
<input class="amount" type="hidden" name="amount_2" value=y>

本质上，我试图将x和y变量从外部javascript传递到每个项目的html中的值。我完全不知道这件事，所以上面的说法显然不起作用

只是澄清一下，我不需要代码立即写入值，只需要更改值，以便可以由另一个已处理的函数写入，该函数汇总了上述所有项目的所有金额

谢谢大家的帮助

可以使用getElementsByName查找隐藏变量，然后用x值填充它。下面的JavaScript需要保存到prices.js文件中。为了澄清一下，getElementsByName返回一个数组，所以我使用第一个条目来设置值字段

x=10 y=5 document.getElementsByNameamount_1[0]。值=x document.getElementsByNameamount_2[0]。值=y document.writedocument.getElementsByNameamount_1[0]。值+ document.writedocument.getElementsByNameamount_2[0]。值+

---

尝试使用.val和类选择器为输入分配变量，例如：

<script>
    $(function(){
        $('.amount_1').val(x);
        $('.amount_2').val(y);
    })
</script>

---

希望这有帮助。

添加到脚本文档中。getElementByTagName'input'.value=x；您也可以使用getElementByIduse文档。getElementByTagName'input'[0]。值=x；要指定元素编号，您可以使用类选择器，因为输入已经有一个类金额，例如：$'.amount'.valx；，请看下面的回答。嗨，我编辑了我的原始帖子来澄清问题。很抱歉第一次没能更好地表达我的问题。非常感谢你！我已经将代码更改为使用getElementsByName，这样您就可以有两个具有相同类名的输入。我已经尝试过了，但由于某些原因它仍然不起作用。为了更好地解释代码，我以前可以将值设置为数字，即5，当我单击项目旁边的+1按钮时，它会自动将数字添加到总数中并显示出来。^编辑了上面的注释以更好地解释它。非常感谢你！没关系，我不知道为什么，但我是在你的帮助下成功的！非常感谢。