Skip to content
Menu
Home
Programming
HTML
CSS
JavaScript
JavaScript HTML DOM
TypeScript
Git
PHP
Magento 2
Convert Case
About Us
Contact Us
Run
<!DOCTYPE html> <html> <body> <h2>global Var: <span id="globalVar"></span></h2> <h2>local Var: <span id="localVar"></span></h2> <h2>block Var: <span id="blockVar"></span></h2> </body> <script> // Global Scope var globalVar = "I'm global!"; function exampleFunction() { // Function Scope var localVar = "I'm local to exampleFunction!"; document.querySelector("#localVar").innerHTML = localVar // Outputs: I'm local to exampleFunction! if (true) { // Block Scope let blockVar = "I'm local to this block!"; document.querySelector("#blockVar").innerHTML = blockVar // Outputs: I'm local to this block! } // 'blockVar' is not accessible here } exampleFunction(); document.querySelector("#globalVar").innerHTML = globalVar // console.log(localVar); // Error: localVar is not defined // console.log(blockVar); // Error: blockVar is not defined </script> </html>
Get your own Output
