使用javascript调用html文本框并将其转换为整数

所以我只想了解我是如何做到这一点的，非常简单的例子：

我的html是

<div id = "pie"> eee </div>

<input type="text" name="item1" size="5">

---

基本上我想做的是调出文本框中的任何文本（名为item1）并将其转换为整数，然后显示该数字。我确信有一个简单的方法可以做到，但我想不出来

获取项目1的值

var item1_value = parseInt(getElementsByName('item1')[0].value);

在饼图中显示item1的值

document.getElementById('pie').innerHTML = item1_value;

试试这个：

+(document.getElementsByName('item1')[0].value);

这是现在显示它的最短方法，例如在元素

#pie

document.getElementById('pie').innerHTML = +(document.getElementsByName('item1')[0].value)

将

+

放在某物之前会将其转换为数字。如果文本框不是数字，您可以通过以下方式检测：

var value = document.getElementsByName('item1')[0].value;

document.getElementById('pie').innerHTML = !isNaN(value)?+value:"Not a number";

---

这将是完美的，但作为我任务的一部分，我的任务是不编辑文本框的html。有没有办法通过id以外的任何方式拉出文本框？

var value = document.getElementsByName('item1')[0].value;

document.getElementById('pie').innerHTML = !isNaN(value)?+value:"Not a number";