Javascript - Separating array values with line break (not commas)?

Question

How can I be able to separate my array values with line breaks rather than commas?

It looks like this now: apples,bananas,carrots

I want it to look like this:

apples
bananas
carrots

This is my code:

function insertItem () {

  groceryList.push (foodInput.value);
  groceryList.toString();

  for (var i = 0; i < groceryList.length; i++) {
  document.getElementById("printedList").innerHTML = groceryList;
  }

  foodInput.value = "";

}

function deleteItem () {
  groceryList.splice(1,0);
  document.getElementById("printedList").innerHTML = groceryList;
}

Use .join on your array: groceryList.join("\n"); (or possibly groceryList.join('<br/>');). — gen_Eric
– gen_Eric, Commented Sep 9, 2015 at 18:39

Justin Chmura · Accepted Answer · 2015-09-09 18:40:52Z

1

I'm going to assume that groceryList is the array you are trying to print. If all you're doing is printing the list in a DOM element, you could do this:

document.getElementById("printedList").innerHTML = groceryList.join('<br/>');

answered Sep 9, 2015 at 18:40

Justin Chmura

2,0571 gold badge17 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

L.C. Over a year ago

sorry, yes -- groceryList is my array. Your suggestion worked like a charm! THANKS!!

Collectives™ on Stack Overflow

Javascript - Separating array values with line break (not commas)?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related