Issue executing javascript code on chrome dev-tools

Question

I tried to execute this code:

html code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="variables.js"></script>
</head>
<body>
    
</body>
</html>

js code:

const var1 = 10;
const var2 = 'Hello world';
const var3 = true;

const foo = function(){
    console.log("Whats up !!");
}();

foo;

console.log(typeof(foo));

When I am opening this javascript file and executing this javascript over browser chrome devtools inspector , its neither letting me create the founction foo(), nor is it letting me use foo().

I am not able to figure out the reason for it. Help is appreciated.

Tried to execute js in chrome dev tools.

Did not worked for me.

Error code:

enter image description here

foo is not a function in your code.

Bergi
– Bergi

2023-01-16 23:48:26 +00:00
Commented Jan 16, 2023 at 23:48 — Bergi
– Bergi, Commented Jan 16, 2023 at 23:48

Tatul Mkrtchyan · Accepted Answer · 2023-01-16 22:01:02Z

1

When you created a 'foo' function you called it. So your function is IIFE(Immediately Invoked Function Expression), that's why your 'foo' is undefined, because your IIFE called and returned undefined.

just don't call the function when you assign it to a variable.

const var1 = 10;
const var2 = 'Hello world';
const var3 = true;

const foo = function(){
    console.log("Whats up !!");
};

foo();

console.log(typeof(foo));

answered Jan 16, 2023 at 22:01

Tatul Mkrtchyan

3714 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Issue executing javascript code on chrome dev-tools

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related