Closures in javascript

Something Like that:
Closures

For that you need to create first html code.

HTML

<p id="demo1"></p>

After that add this JS code.

JS

function greet(whattosay){
    return function(name){
        document.getElementById("demo1").innerHTML = whattosay + ' ' + name;
    }
}
greet('Hi')('Tony');

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”VzyXjY” default_tab=”result” user=”pradeepanvi”]See the Pen Closures in javascript by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

Hi Tony

Second Option

For that you need to create first html code.

HTML

<p id="demo1"></p>

After that add this JS code.

JS

function greet(whattosay){
    return function(name){
        document.getElementById("demo1").innerHTML = whattosay + ' ' + name;
    }
}
var sayHi = greet('Hi');
sayHi('Tony');

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”jLYzMY” default_tab=”result” user=”pradeepanvi”]See the Pen Closures in javascript 02 by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

Hi Tony

Leave a Reply

Your email address will not be published. Required fields are marked *