Jquery: SyntaxError: function statement requires a name

Question

Hello stackovlerflow,

function delete() {
    if ($.('#deleted').value=="0") {
        $.("#deleted").val('1');
        $.("#deletedBtn").removeClass('btn-danger');
        $.("#deletedBtn").addClass('btn-success');
        $.("#deletedBtn").html("Delete user");
    } else {
        $.("#deleted").val('0');
        $.("#deletedBtn").removeClass('btn-success');
        $.("#deletedBtn").addClass('btn-danger');
        $.("#deletedBtn").html("Revoke deletion");
    }
}

Tis function throws me

SyntaxError: function statement requires a name functions.js:1:9

Google doesn`t help, so I hope you can help me!

Thanks alot //Cripi

Better use the different function name del() instead of delete() . Because delete is the reserved of javascript — prasanth
– prasanth, Commented May 17, 2017 at 12:01

Mateusz Kleinert · Accepted Answer · 2017-05-17 14:14:51Z

2

delete is a reserved word in JavaScript - see List of reserved words in JavaScript

Your code could look like this:

function fun() {
    var deleted = $("#deleted");
    var deletedBtn = $("#deletedBtn");

    if (deleted.val() === "0") {
        deleted.val('1');
        deletedBtn.removeClass('btn-danger');
        deletedBtn.addClass('btn-success');
        deletedBtn.html("Delete user");
    } else {
        deleted.val('0');
        deletedBtn.removeClass('btn-success');
        deletedBtn.addClass('btn-danger');
        deletedBtn.html("Revoke deletion");
    }
}

edited May 17, 2017 at 14:14

answered May 17, 2017 at 12:01

Mateusz Kleinert

1,40612 silver badges20 bronze badges

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

6 Comments

Cripi Over a year ago

thanks, now i get SyntaxError: missing name after . operator

Mateusz Kleinert Over a year ago

Please use $('#deleted') instead of $.('#deleted')

Cripi Over a year ago

I still get SyntaxError: missing name after . operator functions.js:2:10 Line in in functions.js is $("#deletedBtn").addClass('btn-danger');

Mateusz Kleinert Over a year ago

This line looks fine. Try to change $('#deleted').value to $('#deleted').val()

Cripi Over a year ago

It doesn't helps :|

|

Ozgar · Accepted Answer · 2017-05-17 12:05:10Z

0

You cannot use delete as a method name since it is reserved in javascript.

Also you might want to use a variable to avoid duplication in your code:

function deleteAction() {
    $btn = $('#deleted');
    if ($btn.value=="0") {
        $btn.val('1');
        $btn.html("Delete user");
    } else {
        $btn.val('0');
        $btn.html("Revoke deletion");
    }
    $btn.toggleClass("btn-danger btn-success");
}

answered May 17, 2017 at 12:05

Ozgar

3153 silver badges14 bronze badges

Collectives™ on Stack Overflow

Jquery: SyntaxError: function statement requires a name

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related