How to add value to an array on click event

Question

What I am trying to achieve is to read value on click event and save it to an array. My code:

<a href='#' class="hotel" data-hotel-name='Holiday Inn'>Add to favourites</a>

var hotelName = [];    
$('.hotel').on('click', function(e){
    e.preventDefault();    
    hotelName.push( $(this).data('hotel-name') );
});    
console.log(hotelName.length);

The output is always 0. Could someone tell me what am I doing wrong, please?

Rory McCrossan · Accepted Answer · 2016-03-19 10:47:18Z

5

Your logic is fine, you just need to read the length of the array after you modify it in the click handler:

var hotelName = [];    
$('.hotel').on('click', function(e){
    e.preventDefault();    
    hotelName.push( $(this).data('hotel-name') );
    console.log(hotelName.length); // < read the length of the amended array here
});

Working example

answered Mar 19, 2016 at 10:47

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

1 Comment

Rory McCrossan Over a year ago

Yes, definitely. But you need to use them after the click event has placed some items in the array. Here's an example: jsfiddle.net/z3mpkcyc/3. Click the links to fill the array, then the button to see what's in the array

Collectives™ on Stack Overflow

How to add value to an array on click event

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related