How do closures work in JavaScript? Explain with examples

Hi everyone! I've just started learning JavaScript and I can't seem to understand the topic of closures. I've read many articles, but I'm still confused. \n\nHere's an example that confuses me. I create a function that returns another function:\n\n```javascript\nfunction createCounter() {\n let count = 0;\n return function() {\n count++;\n return count;\n };\n}\n\nconst counter1 = createCounter();\nconst counter2 = createCounter();\n\nconsole.log(counter1()); // 1\nconsole.log(counter1()); // 2\nconsole.log(counter2()); // 1 — why not 3?\n```\n\nWhy do `counter1` and `counter2` behave as separate counters? I thought the `count` variable would be shared. And how does JavaScript "remember" the `count` value after the `createCounter` function has finished executing? After all, usually local variables are...