JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

Closures.

JavaScript

document.writeln("<pre>");

function makeAdder(x) {
    var climber = 0;
    climber += .1;
    document.writeln("outer function " + climber);
    
  var innerF = function(y) {
    climber += 1;
    document.writeln("inner function " + climber);
    return x + y;
  };
    
  return innerF;
}
 
var add5 = makeAdder(5);
var add10 = makeAdder(10);

document.writeln("--------------------");
    
document.writeln(add5(2));  // 7
document.writeln(add5(3));  // 8
document.writeln("---");

document.writeln(add10(2)); // 12
document.writeln(add10(3)); // 13
    
document.writeln("</pre>");