JS: Variable Hoisting Example

<!DOCTYPE html>
<html>
<body>
<h1>Hoisting Demo</h1>

<h2>Deklarationen</h2>
<p id="demo1"></p>
<p id="demo2"></p>

<h2>Initialisierungen</h2>
<p id="demo3"></p>
<p id="demo4"></p>

<script>
var a;
var b;
a = 5;
b = 7;
elem = document.getElementById("demo1"); // Find an element
elem.innerHTML = a + " " + b;           // Display x and y

c = 5;
d = 7;
elem = document.getElementById("demo2"); // Find an element
elem.innerHTML = c + " " + d;           // Display x and y
var c;
var d;

var e = 5;
var f = 7;

elem = document.getElementById("demo3"); // Find an element
elem.innerHTML = e + " " + f;           // Display x and y

var g = 5;

elem = document.getElementById("demo4"); // Find an element
elem.innerHTML = g + " " + h;           // Display x and y

var h = 7;

</script>

</body>
</html>