Update script.js

script.js

@@ -433,7 +433,7 @@ function speakMantra(mantraText, repeatCount) {
     utterance.lang = 'sa-IN'; // Sanskrit
     utterance.rate = 0.8; // Slow speech for mantras
     utterance.pitch = 1.0; // Natural pitch
-
+    
     utterance.onend = function() {
         if (repeatCount > 1) {
             repeatCount--;
@@ -463,20 +463,22 @@ function repeatMantra() {
 let isFirstMessage = true; // Flag to track if it's the first message
 
 // Function to speak the mantra
-function speakMantra(mantraText, repeatCount) {
-    let utterance = new SpeechSynthesisUtterance(mantraText);
-    utterance.lang = 'sa-IN'; // Sanskrit
-    utterance.rate = 0.8; // Slow speech for mantras
-    utterance.pitch = 1.0; // Natural pitch
-
-    utterance.onend = function() {
-        if (repeatCount > 1) {
-            repeatCount--;
-            speechSynthesis.speak(utterance);
+function appendMessage(text, className) {
+    // Remove the default message when the user sends the first message
+    if (isFirstMessage) {
+        const welcomeMessage = document.querySelector('.welcome-message');
+        if (welcomeMessage) {
+            welcomeMessage.remove();
         }
-    };
-    
-    speechSynthesis.speak(utterance);
+        isFirstMessage = false;
+    }
+    const messageElement = document.createElement('div');
+    messageElement.classList.add('user-message', className);
+  
+    // Use innerHTML to allow formatted content (e.g., bold, italic, line breaks)
+    messageElement.innerHTML = text;
+    chatBody.appendChild(messageElement);
+    chatBody.scrollTop = chatBody.scrollHeight; // Auto scroll to the latest message
 }
 
 // function activateVoice() {