Enter key don't responds when I'm trying to push var into an array

Question

When I'm trying to push new name in to my array, enter key don't respond and there for I can't add another names.

Part of the JS:

$("input[type='text']").keypress(function(event){
 if(event.which === 13){
  var newName = $(this).val();
   $("#" + "newName").append("#" + names);
   names.push(this.value);
   }
});

My Codepen

Are you attempting to add the string value in `newName` to the array? It looks like you're instead trying to target the element with that id and append the array to it as text...? — Rory McCrossan, Jun 05 '18 at 16:35
(I rewrite my question) I've tried it and it and now the enter key not respond. — Nadav Himmelfarb, Jun 05 '18 at 16:59

score 0 · Answer 1 · answered Jun 05 '18 at 16:39

You could try something like that:

var names = [
    "Nadav",
    "Yaniv",
    "Golan",
    "Asaf",
    "Boaz",
    "Moshe"
];

$("input[type='text']").keypress(function(event){
    if(event.which === 13) {
        names.push(this.value);
    }
});

If you type "something" in your input field, then press Return key, you names array have now a new item:

var names = [
    "Nadav",
    "Yaniv",
    "Golan",
    "Asaf",
    "Boaz",
    "Moshe",
    "something"
];

score 0 · Answer 2 · answered Jun 05 '18 at 16:40

Here is the easiest way to add it to the array, based on your code:

var names = [


 "Nadav",
  "Yaniv",
  "Golan",
  "Asaf",
  "Boaz",
  "Moshe"
]

$("input[type='text']").keypress(function(event){
    if(event.which === 13){
        var newName = $(this).val();
        $("#" + "newName").append("#" + names); //WHAT ARE YOU DOING HERE EXACTLY?
        names.push(newName); //THIS IS THE DIFFERENT LINE 
    }
});

That will add the name to the names array. However, what exactly are you doing with that line that I've commented on?

Enter key don't responds when I'm trying to push var into an array

2 Answers2