Update index.html

index.html

@@ -239,7 +239,7 @@ function createUserMessage(text) {
         prefix = 'اعطني رد مفصل وموسع: ';
     }
     
-    return 
+    return `
         <div class="message flex justify-end mb-4">
             <div class="max-w-[80%]">
                 <div class="bg-indigo-500 text-white rounded-lg p-4 shadow-sm">
@@ -247,11 +247,11 @@ function createUserMessage(text) {
                 </div>
             </div>
         </div>
-    ;
+    `;
 }
 
 function createBotMessage(text, messageId) {
-    return 
+    return `
         <div class="message flex justify-start mb-4">
             <div class="flex-shrink-0 mt-1">
                 <img src="https://ufastpro.com/wp-content/uploads/2024/12/3.png" alt="Bot Avatar" class="bot-avatar">
@@ -288,7 +288,7 @@ function createBotMessage(text, messageId) {
                 </div>
             </div>
         </div>
-    ;
+    `;
 }
 
 async function typeText(elementId, text) {
@@ -309,18 +309,18 @@ function toggleSendButton(isGenerating) {
     const sendButton = document.getElementById('sendMessage');
     if (isGenerating) {
         sendButton.classList.add('stop-generation');
-        sendButton.innerHTML = 
+        sendButton.innerHTML = `
             <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
             </svg>
-        ;
+        `;
     } else {
         sendButton.classList.remove('stop-generation');
-        sendButton.innerHTML = 
+        sendButton.innerHTML = `
             <svg class="w-6 h-6 transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
             </svg>
-        ;
+        `;
     }
 }
 
@@ -393,12 +393,12 @@ document.addEventListener('click', async (e) => {
         await navigator.clipboard.writeText(text);
         e.target.closest('.copy-button').textContent = 'تم النسخ!';
         setTimeout(() => {
-            e.target.closest('.copy-button').innerHTML = 
+            e.target.closest('.copy-button').innerHTML = `
                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path>
                 </svg>
                 نسخ
-            ;
+            `;
         }, 2000);
     }
     
@@ -454,5 +454,4 @@ messagesContainer.insertAdjacentHTML('beforeend', createBotMessage('', initialMe
 typeText(initialMessageId, 'مرحباً! كيف يمكنني مساعدتك اليوم؟');
 </script>
 </body>
-</html>
-
+</html>