Javascript append - append multiple elements with values from array

Question

I am trying to append elements with multiple values from my array, but i am doing something wrong. This is my code:

for(var i=0; i < pricesArray.length; i++) {
      var ulList = document.getElementById('season-prices');

      ulList.append(`
        <div class="flex"> <input type="checkbox"></input> <span>` + pricesArray[i].start_date `</span> <span>` + pricesArray[i].end_date `</span> 
        <span>` + pricesArray[i].currency `</span> <span>` + pricesArray[i].price `</span>  </div>
      `)
    }

The error I get is:

pricesArray[i].start_date is not a function

Is there another way, or a better way to do this? I used to do something like this in jQuery but cannot remember where and how exactly..

@YoukouleleY It contains these properties I wrote in the code, start_date, end_date.. — Nemanja G
– Nemanja G, Commented Aug 28, 2018 at 12:08

AlexiAmni · Accepted Answer · 2018-08-28 12:08:45Z

3

you are missing '+' after pricesArray[i].start_date. also after every property. you need to put plus symbol in front and back.

for(var i=0; i < pricesArray.length; i++) {
          var ulList = document.getElementById('season-prices');

          ulList.append(`
            <div class="flex"> <input type="checkbox"></input> <span>` + pricesArray[i].start_date + `</span> <span>` + pricesArray[i].end_date + `</span> 
            <span>` + pricesArray[i].currency +`</span> <span>` + pricesArray[i].price + `</span>  </div>
          `)
        }

edited Aug 28, 2018 at 12:08

answered Aug 28, 2018 at 12:06

AlexiAmni

4022 silver badges15 bronze badges

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

3 Comments

Denys Séguret Over a year ago

To clarify for everybody: before the back-tick without an operator, a tag function was expected.

Nemanja G Over a year ago

Ah, jesus... but there is another issue now, it is appending these elements as string, not as HTML elements, what should I change for that?

AlexiAmni Over a year ago

try to use : ulList.innerHTML += {your string}

Collectives™ on Stack Overflow

Javascript append - append multiple elements with values from array

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related