Update index.html

index.html

@@ -13,6 +13,9 @@
         <form>
           <fieldset name="urlparams">
                 <legend>URL params</legend>
+                    <div>
+                        Iframe src <pre></pre>
+                    </div>
                     <div>
                         <label>Query params <input name="queryparams" type="text" placeholder="?key=value"></label>
                     </div>
@@ -27,6 +30,8 @@
 		
         <script async>
             const urlparams = document.querySelector('[name="urlparams"]');
+            const showIframeSrc = () => urlparams.querySelector('pre').textContent = window.location.href;
+          
             urlparams.querySelector('button').addEventListener('click', () => {
                 const queryString = urlparams.querySelector('[name="queryparams"]').value;
                 const hash = urlparams.querySelector('[name="hash"]').value;
@@ -34,6 +39,7 @@
                   window.parent.postMessage({ hash, queryString }, '*');
                 }
             });
+            showIframeSrc();
         </script>
 	</body>
 </html>