DouglasNeuroInformatics
diff --git a/‎apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.html‎
Lines changed: 12 additions & 0 deletions b/‎apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.html‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.ts‎
Lines changed: 5 additions & 4 deletions b/‎apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.ts‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎apps/playground/src/instruments/index.ts‎
Lines changed: 1 addition & 1 deletion b/‎apps/playground/src/instruments/index.ts‎
Lines changed: 1 addition & 1 deletion
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Instrument</h1>
+    <button type="button" id="submit-btn">Submit</button>
+  </body>
+</html>
@@ -3,6 +3,8 @@
 import { defineInstrument } from '/runtime/v1/@opendatacapture/runtime-core';
 import { z } from '/runtime/v1/[email protected]';
 
+import html from './index.html';
+
 import './legacy.js?legacy';
 
 export default defineInstrument({
@@ -15,13 +17,12 @@ export default defineInstrument({
   tags: ['Legacy', 'Internet Explorer 6'],
   content: {
     render(done) {
-      const button = document.createElement('button');
-      button.textContent = 'Submit Instrument';
-      document.body.appendChild(button);
+      const button = document.getElementById('submit-btn')!;
       button.addEventListener('click', () => {
         done({ message });
       });
-    }
+    },
+    html
   },
   clientDetails: {
     estimatedDuration: 1,
 
@@ -8,7 +8,7 @@ import { loadAssetAsBase64 } from '@/utils/load';
 // Instruments in development
 const EXCLUDED_LABELS: string[] = [];
 
-const textFiles: { [key: string]: string } = import.meta.glob('./**/*.{css,js,jsx,json,ts,tsx,svg}', {
+const textFiles: { [key: string]: string } = import.meta.glob('./**/*.{css,js,jsx,json,ts,tsx,svg,html}', {
   eager: true,
   import: 'default',
   query: '?raw'