now there is no output when generate output is clicked can you re-add that?

script.js

@@ -1,5 +1,8 @@
 
 document.addEventListener('DOMContentLoaded', function() {
+    // Initialize highlight.js
+    hljs.highlightAll();
+    
 // Add input field
     const addInputBtn = document.getElementById('add-input');
     const inputContainer = document.getElementById('input-container');
@@ -36,10 +39,8 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // Generate output
     const generateBtn = document.getElementById('generate-btn');
-    const outputTextarea = document.querySelector('#output textarea');
-    const previewContent = document.querySelector('.preview-content');
-    const rawContent = document.querySelector('.raw-content');
-    generateBtn.addEventListener('click', () => {
+    const outputTextarea = document.getElementById('output-text');
+generateBtn.addEventListener('click', () => {
         const className = document.getElementById('class-name').value || 'MyClass';
         const inputGroups = Array.from(document.querySelectorAll('.input-group'));
         const fields = inputGroups.map(group => {
@@ -109,10 +110,12 @@ document.addEventListener('DOMContentLoaded', function() {
 
         jpaCode += `}\n`;
         // Update output
+        // Update output
         outputTextarea.value = jpaCode;
+        hljs.highlightElement(outputTextarea);
 
         // Set up download functionality
-        const downloadBtn = document.getElementById('download-btn');
+const downloadBtn = document.getElementById('download-btn');
         downloadBtn.onclick = function() {
             const blob = new Blob([jpaCode], { type: 'text/plain' });
             const url = URL.createObjectURL(blob);

style.css

@@ -27,10 +27,12 @@ body {
     flex: 1;
     min-height: 0;
 }
-
-textarea, .preview-content {
+textarea {
     height: 100% !important;
     min-height: 0;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+    font-size: 0.875rem;
+    line-height: 1.5;
 }
 /* Custom Scrollbar */
 ::-webkit-scrollbar {