diff --git a/src/Console.svelte b/src/Console.svelte
new file mode 100644
index 0000000..939d2e5
--- /dev/null
+++ b/src/Console.svelte
@@ -0,0 +1,24 @@
+<script>
+	import Viewer from './Viewer.svelte';
+	import { onMount } from 'svelte';
+  export let output
+  let message = '';
+	$: if(output) {
+		message = `
+		document.body.innerHTML = '';
+    var consoleOutput = '';
+    var old = console.log;
+    console.log = function (message) {
+      if (typeof message == 'object') {
+        consoleOutput += (JSON && JSON.stringify ? JSON.stringify(message) : message) + '<br />';
+      } else {
+        consoleOutput += message + '<br />';
+      }
+    };
+		${output}
+		document.body.innerHTML = '';
+    document.body.innerHTML = consoleOutput;
+		`
+	}
+</script>
+<Viewer code={message} />
diff --git a/src/Tutorials.svelte b/src/Tutorials.svelte
index 1f2a284..6376bf2 100644
--- a/src/Tutorials.svelte
+++ b/src/Tutorials.svelte
@@ -1,6 +1,7 @@
 <script>
   import Viewer from './Viewer.svelte';
   import Editor from './Editor.svelte';
+  import Console from './Console.svelte';
 
   let code = '';
   let ready = false;
@@ -92,6 +93,7 @@
     {/if}
     <div class="{cssStyles.viewer}">
       <Viewer bind:ready {code} />
+      <Console bind:ready output={code} />
     </div>
   </div>
 </div>
diff --git a/test/App.svelte b/test/App.svelte
index e820492..423710d 100644
--- a/test/App.svelte
+++ b/test/App.svelte
@@ -11,7 +11,7 @@
 		{
 			content: 'Test 2',
       code: 'document.body.innerHTML = "Test 2";',
-      solution: 'document.body.innerHTML = "Solution 2";'
+      solution: 'document.body.innerHTML = "Solution 2";console.log("Test")'
 		}
 	]
   let cssStyles = {