如何将值从输入框添加到数组,然后输出其内容?

xstax

如何将输入框的值添加到数组中,然后显示该数组的内容?这是我想出的,我不确定为什么它不起作用-console.log也没有向控制台发布任何内容。

var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  if (!user) {
    alert('Your name has been set to "Anonymous"');
  } else {
      alert('Your name has been set to "'+ user +'"');
  }
}

var items = [];
function userArray() {
    items.push(user);
    return false;
    console.log(items);
    }

socket.on('onlineUsers', function (data) {
      $('.dispUser').html(items);
    });

该文件中的其余代码在下面,以防万一。...(根据第一个答案更改了return语句)

var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  if (!user) {
    alert('Your name has been set to "Anonymous"');
  } else {
      alert('Your name has been set to "'+ user +'"');
  } 
}

var items = [];

function userArray() {
    items.push(users);
    console.log(items);
    return false;
    }

socket.on('onlineUsers', function (data) {
      $('.dispUser').html(items);
    });

//Counts the number of users online
socket.on('count', function (data) {
  $('.user-count').html(data);
});

//Receives messages and outputs it to the chat section
socket.on('message', function (data) {
  $('.chat').append('<p><strong>' + data.user + '</strong>: ' + data.message + '</p>');
  $('.chat').scrollTop($('.chat').height());
});


//SENDING OF THE MESSAGE
//Submit the form through HTTPS
$('form').submit(function (e) {
  e.preventDefault();

  // Retrieve the message from the user
  var message = $(e.target).find('input').val();

  // Send the message to the server
  socket.emit('message', {
    user: user || 'Anonymous',
    message: message
  });

  // Clears the message box after the message has been sent
  e.target.reset();
  $(e.target).find('input').focus();
});
特伦特

回答

您的实现很好,但是您遇到了一个错误,该错误阻止了它按照您所描述的那样工作。

调用console.log(items)不会显示任何内容,因为该行代码永远不会运行。

从函数返回时,后续代码行将不会运行。您应该将其return作为函数中的最后一行,或将其包装成条件。

例如:

function userArray() {
  items.push(user);
  console.log(items);
  return false;
}

如何调试

学习技巧以解决此问题是非常宝贵的工具。您可以利用调试器(例如Chrome Devtools)在代码中添加断点。这些将使您可以停止在特定行上执行,查看变量的值以及逐步执行其余的代码行。

这样做可以清楚地看到代码行从未运行过。

在此处查找更多详细信息:https : //developers.google.com/web/tools/chrome-devtools/javascript

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将动态添加的输入框的值添加到数组中?

来自分类Dev

如何将两个按钮的值添加到单个输入框?

来自分类Dev

使用链接将内容添加到输入框

来自分类Dev

将取消按钮添加到输入框VB

来自分类Dev

如何将值添加到类对象,然后将其放入数组中?

来自分类Dev

如何将值添加到类对象,然后将其放入数组中?

来自分类Dev

jQuery-将值添加到输入框后,不考虑过滤功能

来自分类Dev

Excel VBA - 将输入框中的值添加到列中的列表

来自分类Dev

如何将cmdlet的输出添加到数组?

来自分类Dev

如何将内容递归添加到数组?

来自分类Dev

如何将JuMP值中的数组添加到数据框中的列

来自分类Dev

如何将HTML输入值添加到PHP数组中?

来自分类Dev

如何将下拉列表中的一个值附加到输入框的末尾

来自分类Dev

如何将子值添加到新数组?

来自分类Dev

如何将值添加到多数组?

来自分类Dev

如何将值添加到数组

来自分类Dev

如何将元组值添加到Swift数组?

来自分类Dev

如何将值添加到数组列表中

来自分类Dev

如何将多个值添加到对象数组

来自分类Dev

如何将值添加到多维数组?

来自分类Dev

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

来自分类Dev

如何将输入内容添加到由Shell脚本检索的网站中,以便可以将输出内容打印出来?

来自分类Dev

我如何使用javascript将一行输入框添加到现有的html表单中

来自分类Dev

如何将随机数组的值添加到另一个数组中,然后在计算出现的值的同时显示它们?C ++

来自分类Dev

如何将随机数组的值添加到另一个数组中,然后在计算出现的值的同时显示它们?C ++

来自分类Dev

jQuery Mobile ListView-无法将ID添加到动态输入框

来自分类Dev

将CSS和ID选择器添加到输入框(剃刀帮助器)

来自分类Dev

jQuery:将虚拟键盘中的字母添加到输入框中的插入符号位置

来自分类Dev

如何将字母间距添加到输入值而不是输入占位符(Angular 11)

Related 相关文章

  1. 1

    如何将动态添加的输入框的值添加到数组中?

  2. 2

    如何将两个按钮的值添加到单个输入框?

  3. 3

    使用链接将内容添加到输入框

  4. 4

    将取消按钮添加到输入框VB

  5. 5

    如何将值添加到类对象,然后将其放入数组中?

  6. 6

    如何将值添加到类对象,然后将其放入数组中?

  7. 7

    jQuery-将值添加到输入框后,不考虑过滤功能

  8. 8

    Excel VBA - 将输入框中的值添加到列中的列表

  9. 9

    如何将cmdlet的输出添加到数组?

  10. 10

    如何将内容递归添加到数组?

  11. 11

    如何将JuMP值中的数组添加到数据框中的列

  12. 12

    如何将HTML输入值添加到PHP数组中?

  13. 13

    如何将下拉列表中的一个值附加到输入框的末尾

  14. 14

    如何将子值添加到新数组?

  15. 15

    如何将值添加到多数组?

  16. 16

    如何将值添加到数组

  17. 17

    如何将元组值添加到Swift数组?

  18. 18

    如何将值添加到数组列表中

  19. 19

    如何将多个值添加到对象数组

  20. 20

    如何将值添加到多维数组?

  21. 21

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

  22. 22

    如何将输入内容添加到由Shell脚本检索的网站中,以便可以将输出内容打印出来?

  23. 23

    我如何使用javascript将一行输入框添加到现有的html表单中

  24. 24

    如何将随机数组的值添加到另一个数组中,然后在计算出现的值的同时显示它们?C ++

  25. 25

    如何将随机数组的值添加到另一个数组中,然后在计算出现的值的同时显示它们?C ++

  26. 26

    jQuery Mobile ListView-无法将ID添加到动态输入框

  27. 27

    将CSS和ID选择器添加到输入框(剃刀帮助器)

  28. 28

    jQuery:将虚拟键盘中的字母添加到输入框中的插入符号位置

  29. 29

    如何将字母间距添加到输入值而不是输入占位符(Angular 11)

热门标签

归档