Javascript return value undefined

Question

I would like to ask how to return variable 'get_cookies' from function 'save_value'. Then write its value in mouseleave event.

Function 'get_cookies' will save change from input. An error is in return i think.

Sorry for my bad English.

Here is code:

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            function save_value(value) {
                var get_cookie = value;
                return get_cookie;
            };

            $('#submit_value').live('click', function() {
                var get_value = $('#get_value').val();
                save_value(get_value);
            });

            $(document).mouseleave(function() {
                var create_cookie = save_value();
                console.log('save: ' + create_cookie);
            });
        });
    </script>
</head>
<body>
    <input type="text" id="get_value" />
    <input type="button" id="submit_value" value="Click" />
    <div></div>
</body>

console log:

save: undefined

Thx for answer.

Setting local variable does not store it globally. If you plan to work with cookies, it should be stored in a different way. — VisioN
– VisioN, Commented Sep 17, 2012 at 11:52

Fabrizio Calderan · Accepted Answer · 2012-09-17 11:51:20Z

4

the function save_value() is expecting a parameter. Since here

var create_cookie = save_value();

you're not passing a value to the function, it will return undefined, thus the variable create_cookie value is undefined too

answered Sep 17, 2012 at 11:51

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

Comments

Timm · Accepted Answer · 2012-09-17 11:52:22Z

1

Your save_value() function requires an input parameter, so just save_value() on its own is undefined.

Did you mean to do this?

$(document).mouseleave(function() {
    var get_value = $('#get_value').val();
    var create_cookie = save_value(get_value);
    console.log('save: ' + create_cookie);
});

answered Sep 17, 2012 at 11:52

Timm

12.8k4 gold badges34 silver badges44 bronze badges

Comments

Elias Van Ootegem · Accepted Answer · 2012-09-17 11:52:51Z

1

It's quite simple: your function function save_value(value) takes the value parameter, assigns it to a variable, and returns that variable. When you call it without parameters, like you do here: var create_cookie = save_value();, the value argument will be undefined. Hence, the function returns undefined.

Also: using variables called cookie doesn't set a cookie. For that, you'll have to use localStorage.setItem('cookieName','cookieValue');

answered Sep 17, 2012 at 11:52

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

Comments

Guillaume Poussel · Accepted Answer · 2012-09-17 11:52:47Z

0

Since you are using latest jQuery version, you should not use live() function, since it has been deprecated in jQuery 1.7.

Anyway, your issue is different. Your save_value function does nothing. Just creating a variable and returning its value. But you do not pass any arguments, so it returns default value: undefined.

answered Sep 17, 2012 at 11:52

Guillaume Poussel

9,8522 gold badges35 silver badges43 bronze badges

Collectives™ on Stack Overflow

Javascript return value undefined

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related