Syntax error code - Java script

Question

Normally My code is working fine. but, I get Syntax error. what is mistake in syntax here?

$(document).ready(function() {
$('.myClass').change(function() {
        var ids = ['first', 'second'];
        var totalCount = ids.reduce((prev, id) => parseInt($(`#${id}-passenger`).val()) + prev, 0);
        var mc = $('input[name="myClass"]:checked  + label').text();
        $('#myTotal').val(totalCount + ' - '+mc);
    });
});

Your code is fine. Most likely the issue is that the linter used in your IDE is outdated so doesn't recognised ES6 standards such as template literals and arrow functions — Rory McCrossan
– Rory McCrossan, Commented Jun 14, 2018 at 12:08
@dekts No, backticks are used to delimit template literals and are valid: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Rory McCrossan
– Rory McCrossan, Commented Jun 14, 2018 at 12:08
@dekts I have replace it. but, thought, error is still. Thanks. — cwg
– cwg, Commented Jun 14, 2018 at 12:11

Sparw · Accepted Answer · 2018-06-14 12:10:07Z

4

Maybe you have a Javascript version issue and you should try without templating ?

var totalCount = ids.reduce(function (prev, id) {
    return parseInt($('#' + id + '-passenger').val()) + prev
}, 0);

Hope it helps.

answered Jun 14, 2018 at 12:10

Sparw

2,7531 gold badge18 silver badges35 bronze badges

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

2 Comments

Sparw Over a year ago

It's done for the arrows :) But I think my brackets are fine ?

Rory McCrossan Over a year ago

You're right - my bad. I read the syntax incorrectly in the OP

Rory McCrossan · Accepted Answer · 2018-06-14 12:20:59Z

1

Your code is entirely valid and works fine. Therefore I would surmise that this issue is simply that the JS linter in the IDE you're using is outdated and doesn't support ES6. I'd suggest using a more up to date linter, assuming the IDE lets you change it, or even a better IDE entirely.

If you want to avoid the issue you would need to remove the template literals and arrow functions, like this:

$('.myClass').change(function() {
  var ids = ['first', 'second'];
  var totalCount = ids.reduce(function(prev, id) {
    return parseInt($('#' + id + '-passenger').val()) + prev, 10);
  }, 0);
  var mc = $('input[name="myClass"]:checked + label').text();
  $('#myTotal').val(totalCount + ' - ' + mc);
});

edited Jun 14, 2018 at 12:20

answered Jun 14, 2018 at 12:14

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Collectives™ on Stack Overflow

Syntax error code - Java script

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related