chore: update legacy example

joshunrau · joshunrau · commit 771e8c342329 · 2025-09-16T11:52:27.000-04:00
diff --git a/apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.html b/apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.html
@@ -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>
diff --git a/apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.ts b/apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.ts
@@ -3,6 +3,8 @@
 import { defineInstrument } from '/runtime/v1/@opendatacapture/runtime-core';
 import { z } from '/runtime/v1/zod@3.x';
 
+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,
