// Demo app for Querypoint debugging

var obj = {
  prop: 1
};

var condition = {
	value: 1
};

var oldValue;

function onClick() {
	foo();
	obj.prop++;
	bar();
	// lots more code....
	updateButton();
}

function updateButton() {
	var message = "I've been clicked " + obj.prop + " times";
	document.querySelector("#myButton").innerHTML = message;
	console.log(message);
}

function foo() {
	condition.value = oldValue;
}

function bar() {
	if (!condition.value) {
		obj.prop = 0;
	}
}

function onLoad() {
	var button = document.createElement('button');
	button.innerHTML = "Try Me!";
	button.addEventListener('click', onClick);
	button.id = "myButton";
    document.body.appendChild(button);	
}

window.addEventListener('load',onLoad);
@@ -75,17 +75,18 @@
 ion = %7B%0A
-%09
+  
 value: 1
@@ -130,17 +130,19 @@
 ) %7B%0A
-%09
+  
 foo();%0A
-%09
+  
 obj.
@@ -153,17 +153,19 @@
 ++;%0A
-%09
+  
 bar();%0A
-%09
+  
 // l
@@ -182,17 +182,18 @@
 ode....%0A
-%09
+  
 updateBu
@@ -225,25 +225,26 @@
 eButton() %7B%0A
-%09
+  
 var message 
@@ -289,17 +289,18 @@
 times%22;%0A
-%09
+  
 document
@@ -348,17 +348,18 @@
 essage;%0A
-%09
+  
 console.
@@ -392,17 +392,18 @@
 foo() %7B%0A
-%09
+  
 conditio
@@ -442,17 +442,18 @@
 bar() %7B%0A
-%09
+  
 if (!con
@@ -472,10 +472,12 @@
 ) %7B%0A
-%09%09
+    
 obj.
@@ -486,17 +486,18 @@
 op = 0;%0A
-%09
+  
 %7D%0A%7D%0A%0Afun
@@ -513,17 +513,18 @@
 oad() %7B%0A
-%09
+  
 var butt
@@ -562,17 +562,18 @@
 tton');%0A
-%09
+  
 button.i
@@ -594,17 +594,18 @@
 y Me!%22;%0A
-%09
+  
 button.a
@@ -639,17 +639,18 @@
 Click);%0A
-%09
+  
 button.i
@@ -665,18 +665,16 @@
 utton%22;%0A
-  
   docume
@@ -705,9 +705,10 @@
 on);
-%09
+  
 %0A%7D%0A%0A

replace tab by space to make offsets less confusing