diff --git a/src/components/Editors.vue b/src/components/Editors.vue
index c8f74d2..1445fb0 100644
--- a/src/components/Editors.vue
+++ b/src/components/Editors.vue
@@ -19,11 +19,11 @@
         </template>
         <Editor language="css" :font-size="size" v-model:value="css" />
       </n-tab-pane>
-      <n-tab-pane disabled name="js" tab="JS(未完成)">
+      <n-tab-pane name="js" tab="JS">
         <template #tab>
           <n-flex align="center">
             <Icon icon="skill-icons:javascript" :width="20" :height="20"></Icon>
-            <span>JS(未完成)</span>
+            <span>JS(需要刷新)</span>
           </n-flex>
         </template>
         <Editor language="js" :font-size="size" v-model:value="js" />
diff --git a/src/components/Preview.vue b/src/components/Preview.vue
index a935b90..d7446df 100644
--- a/src/components/Preview.vue
+++ b/src/components/Preview.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { html, css } from "../store.ts"
+import { html, css, js } from "../store.ts"
 import { onMounted, useTemplateRef, watch } from "vue"
 
 const iframe = useTemplateRef<HTMLIFrameElement>("iframe")
@@ -23,6 +23,7 @@ function preview() {
   </head>
   <body>
     ${html.value}
+    <script>${js.value}<\/script>
   </body>
 </html>`)
   doc.close()
