我想将输入字段中的数据添加到从构造函数创建的新对象中并将其输出到浏览器中?

艾略特

首先,我想为我的问题道歉,但我仍在学习 JS。我创建了一个名称的输入字段。现在,对于每个输入,我都希望能够从该字段与构造函数分开创建一个新对象。然后我希望能够将每个对象作为数组存储在单个变量中。在那之后,我还希望能够将该数组内的每个对象显示到浏览器中。我创建了我想要运行的函数以及一个构造函数,我还在里面创建了一个空数组,并且使用 push() 方法将对象添加到数组内。稍后我无法在数组内部访问它并能够在浏览器中显示。

var btn = document.getElementById("btn");

btn.onclick = function run() {
  var name = document.getElementById("name").value;

  function person(name) {
    this.name = name;
  };

  var somePerson = new person(name);
  var objArr = [];
  var all = objArr.push(somePerson);
};

现在我不知道这是否应该是这样,但是如果有人可以帮助我并解释一下我在这种情况下犯的错误。

詹姆斯T

所以,你要碰到的问题是,你的阵列objArrall都没有全局对象。它们只存在于按钮的onclick函数中。此外,您不需要其中的 2 个。

var btn = document.getElementById("btn");
var all = []; // global object

btn.onclick = function run() {
  var name = document.getElementById("name").value;

  function person(name) {
    this.name = name;
  };

  var somePerson = new person(name);

  // referencing the global object
  all.push(somePerson);
};

否则,你有一个很好的解决方案。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在RealmMigration中创建对象并将其添加到RealmList

来自分类Dev

按键创建一个新对象并将其添加到列表中

来自分类Dev

设置输入日期并将其添加到列表中

来自分类Dev

如何使用CDK创建EventBridge(CloudWatch Events)规则并将其添加到Lambda函数中作为触发器?

来自分类Dev

如何将新对象添加到现有实体,将数据放入数据中并让EF将其添加到我的数据库中?

来自分类Dev

Hibernate XML映射-接连创建新字段并将其添加到多列约束中

来自分类Dev

在数据表中查找数据并将其添加到新列

来自分类Dev

我正在尝试从文本文件数据中提取并将其添加到audioread函数Matlab中

来自分类Dev

在ember版本1.8中创建新的Ember View元素并将其添加到DOM

来自分类Dev

在ember版本1.8中创建新的Ember View元素并将其添加到DOM

来自分类Dev

动态输入并将其添加到数据库中

来自分类Dev

选择数据属性并将其添加到纯js的输入元素中

来自分类Dev

创建结果为Enumerable.Where的对象并将其添加到列表中

来自分类Dev

如何解构嵌套对象并将其添加到导出函数中?

来自分类Dev

创建一个新项目并将其添加到我的邻居的列表中

来自分类Dev

AngularJS-等待来自服务器的数据并将其正确添加到列表中

来自分类Dev

打字稿:从带有条件的对象中获取随机条目,并将其添加到新对象中

来自分类Dev

将对象添加到构造函数中的数组

来自分类Dev

将对象添加到构造函数中的数组

来自分类Dev

无法将对象添加到构造函数中

来自分类Dev

如何从数据框中创建多个其他列并将其添加到同一数据框中

来自分类Dev

创建一个新的导航并将其添加到SharePoint 2010中的左侧导航栏中

来自分类Dev

将列添加到数据框,并从该数据框的输入值中输出函数

来自分类Dev

是在函数内部处理对象创建还是将其添加到参数列表中更好?

来自分类Dev

jQuery中数据的目的?(将我自己的字段添加到Jquery对象中)

来自分类Dev

我想将我的Editbox数据添加到本地表中吗?

来自分类Dev

如何在云函数中读取csv文件的创建和更新元数据并将其作为列添加到csv

来自分类Dev

我想将交易添加到卡片#Flutter中

来自分类Dev

Java:找到列表中的每个唯一单词并将其添加到新列表中

Related 相关文章

  1. 1

    在RealmMigration中创建对象并将其添加到RealmList

  2. 2

    按键创建一个新对象并将其添加到列表中

  3. 3

    设置输入日期并将其添加到列表中

  4. 4

    如何使用CDK创建EventBridge(CloudWatch Events)规则并将其添加到Lambda函数中作为触发器?

  5. 5

    如何将新对象添加到现有实体,将数据放入数据中并让EF将其添加到我的数据库中?

  6. 6

    Hibernate XML映射-接连创建新字段并将其添加到多列约束中

  7. 7

    在数据表中查找数据并将其添加到新列

  8. 8

    我正在尝试从文本文件数据中提取并将其添加到audioread函数Matlab中

  9. 9

    在ember版本1.8中创建新的Ember View元素并将其添加到DOM

  10. 10

    在ember版本1.8中创建新的Ember View元素并将其添加到DOM

  11. 11

    动态输入并将其添加到数据库中

  12. 12

    选择数据属性并将其添加到纯js的输入元素中

  13. 13

    创建结果为Enumerable.Where的对象并将其添加到列表中

  14. 14

    如何解构嵌套对象并将其添加到导出函数中?

  15. 15

    创建一个新项目并将其添加到我的邻居的列表中

  16. 16

    AngularJS-等待来自服务器的数据并将其正确添加到列表中

  17. 17

    打字稿:从带有条件的对象中获取随机条目,并将其添加到新对象中

  18. 18

    将对象添加到构造函数中的数组

  19. 19

    将对象添加到构造函数中的数组

  20. 20

    无法将对象添加到构造函数中

  21. 21

    如何从数据框中创建多个其他列并将其添加到同一数据框中

  22. 22

    创建一个新的导航并将其添加到SharePoint 2010中的左侧导航栏中

  23. 23

    将列添加到数据框,并从该数据框的输入值中输出函数

  24. 24

    是在函数内部处理对象创建还是将其添加到参数列表中更好?

  25. 25

    jQuery中数据的目的?(将我自己的字段添加到Jquery对象中)

  26. 26

    我想将我的Editbox数据添加到本地表中吗?

  27. 27

    如何在云函数中读取csv文件的创建和更新元数据并将其作为列添加到csv

  28. 28

    我想将交易添加到卡片#Flutter中

  29. 29

    Java:找到列表中的每个唯一单词并将其添加到新列表中

热门标签

归档