diff --git a/html/kidsai/script-new.js b/html/kidsai/script-new.js index b356dc4..6afc393 100644 --- a/html/kidsai/script-new.js +++ b/html/kidsai/script-new.js @@ -900,6 +900,138 @@ class KidsAIExplorer { } } + // Handle choice to continue to next question + continueToNextQuestion() { + // Remove choice buttons + const choiceContainer = document.querySelector('.choice-container'); + if (choiceContainer) { + choiceContainer.remove(); + } + + // Move to next question + this.currentQuestionIndex++; + this.askNextQuestion(); + } + + // Ask the next question in the conversation + askNextQuestion() { + console.log('❓ askNextQuestion called, currentQuestionIndex:', this.currentQuestionIndex); + + if (!this.questions || this.currentQuestionIndex >= this.questions.length) { + console.log('✅ All questions completed'); + this.showCompletionMessage(); + return; + } + + const question = this.questions[this.currentQuestionIndex]; + + // Add AI question bubble + const questionBubble = document.createElement('div'); + questionBubble.className = 'chat-message ai-message'; + questionBubble.innerHTML = ` +
+ + `; + + this.conversationContainer.appendChild(questionBubble); + + // Show question with animation + setTimeout(() => { + questionBubble.classList.add('visible'); + this.scrollToBottomSmoothly(); + }, 100); + + // Add input area for user response + setTimeout(() => { + this.addUserInputArea(); + }, 1000); + } + + // Add input area for user to respond + addUserInputArea() { + const inputContainer = document.createElement('div'); + inputContainer.className = 'user-input-container'; + inputContainer.innerHTML = ` +💭 ${this.getTranslation('share-thoughts') || 'Share your thoughts:'}
+