diff --git a/dist/patternlock.js b/dist/patternlock.js
index a42e238..98c0a39 100644
--- a/dist/patternlock.js
+++ b/dist/patternlock.js
@@ -47,8 +47,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         var dots = svg.find('.lock-dots circle');
         var lines = svg.find('.lock-lines');
         var actives = svg.find('.lock-actives');
+        var code_display = svg.find('.code_display');
         var pt = root.createSVGPoint();
         var code = [];
+        var code_numbers = [];
         var currentline = void 0;
         var currenthandler = void 0;
 
@@ -109,6 +111,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             svg.removeClass('success error');
             lines.empty();
             actives.empty();
+            code_display.innerHTML = '';
         }
 
         function preventDefault(e) {
@@ -182,6 +185,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             var cy = target.getAttribute('cy');
             if (isAvailable(target) && !isUsed(target)) {
                 stopTrack(currentline, target);
+                updateTextForm(target);
                 currentline = beginTrack(target);
             }
         }
@@ -198,6 +202,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             line.setAttribute('y2', y);
         }
 
+        function updateTextForm(target) {
+            var x = (target.getAttribute('cx') - 20) / 30; // 20 = 0, 50 = 1, 80 = 2
+            var y = (target.getAttribute('cy') - 20) / 30;
+
+            code_numbers.push(1+x+(y * 3)); // 1 = 1 + 0 + 0; 2 = 1 + 1 + 0; 3 = 1 + 2 + 0; 4 = 1 + 0 + 3; 5 = 1 + 1 + 3; 6 = 1 + 2 + 3; 7 = 1 + 0 + 6; 8 = 1 + 1 + 6; 9 = 1 + 2 + 6
+        
+            text.
+        }
+
         function beginTrack(target) {
             code.push(target);
             var x = target.getAttribute('cx');
@@ -257,4 +270,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     };
 
     return PatternLock;
-});
\ No newline at end of file
+});
diff --git a/index.html b/index.html
index 3e3c002..f6e8558 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,7 @@ <h1>pattern-lock-js</h1>
                 <circle cx="50" cy="80" r="2"/>
                 <circle cx="80" cy="80" r="2"/>
             </g>
+            <p class="code_display"></p>
         <svg>
     </div>
 
@@ -103,4 +104,4 @@ <h1>pattern-lock-js</h1>
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>