code0wl
diff --git a/‎assets/main.css
Lines changed: 2 additions & 0 deletions b/‎assets/main.css
Lines changed: 2 additions & 0 deletions
diff --git a/‎index.html
Lines changed: 1 addition & 0 deletions b/‎index.html
Lines changed: 1 addition & 0 deletions
diff --git a/‎main.ts
Lines changed: 11 additions & 6 deletions b/‎main.ts
Lines changed: 11 additions & 6 deletions
@@ -1,8 +1,10 @@
 body {
     display: flex;
+    flex-direction: column;
     padding: 0;
     margin: 0;
     height: 100vh;
+    color: whitesmoke;
     align-items: center;
     justify-content: center;
     background: #252525;
 
@@ -9,6 +9,7 @@
 
 <body>
     <img class="rxjs-logo" width="100" src="rxjs.png">
+    <p class="message"></p>
 </body>
 
 </html>
@@ -1,14 +1,19 @@
-import { interval } from 'rxjs';
-import { scan } from 'rxjs/operators/';
+import { interval } from "rxjs";
+import { scan } from "rxjs/operators/";
 
 // ****
 //
 // Welcome to your rxjs scratch pad 🤗
-// 
+//
 // ****
 
-var source = interval(2000);
+const source = interval(2000);
+
+const sourceMessage = x => `rxjs logo spun ${x} times`;
+const messageElement = document.querySelector(".message");
+
+const print = x => (messageElement.textContent = x);
 
 source
-    .pipe(scan((rotation, count) => count + 1, 0))
-    .subscribe(x => console.log(`rxjs logo spun ${x} times`));
+  .pipe(scan((rotation, count) => count + 1, 0))
+  .subscribe(x => print(sourceMessage(x)));