testing js

app.py

@@ -3,7 +3,7 @@ import gradio as gr
 def echo_text(input_text):
     return input_text
 
-# Custom HTML and CSS to display input above output
+# Custom HTML and JavaScript to display input above output
 custom_interface = """
 <div style="text-align: center;">
     <label for="input-text">Input Text:</label><br>
@@ -12,12 +12,17 @@ custom_interface = """
     <label for="output-text">Output Text:</label><br>
     <textarea id="output-text" name="output_text" rows="5" cols="40" readonly style="width: 80%;"></textarea>
 </div>
+<script>
+document.getElementById("input-text").addEventListener("input", function() {
+    document.getElementById("output-text").value = this.value;
+});
+</script>
 """
 
 iface = gr.Interface(
     fn=echo_text,
     inputs=gr.HTML(custom_interface),  # Use custom HTML interface
-    outputs=gr.Textbox("Output will be displayed here.", type="output"),
+    outputs=gr.Textbox("Output will be displayed here.", type="text"),
     live=True
 )