added check so that the inputs are automatically focused only when the created input is not the first on the page - fixes the problem of the page jumping to the example when embedded, when it first loads

chrisdavidmills · chrisdavidmills · commit 298328441f50 · 2017-06-19T13:29:35.000+01:00
diff --git a/javascript/introduction-to-js-1/variables/index.html b/javascript/introduction-to-js-1/variables/index.html
@@ -54,8 +54,7 @@
     </style>
   </head>
   <body>
-
-  <script>
+<script>
     var geval = eval;
     function createInput() {
       var inputDiv = document.createElement('div');
@@ -68,6 +67,10 @@
       inputDiv.appendChild(inputForm);
       document.body.appendChild(inputDiv);
 
+      if(document.querySelectorAll('div').length > 1) {
+        inputForm.focus();
+      }
+
       inputForm.addEventListener('change', executeCode);
     }
 
@@ -91,10 +94,9 @@
 
       createInput()
     }
-    
+
     createInput();
 
   </script>
-    
   </body>
 </html>
