index.js

// Translation mappings
const translations = {
    french: {
        'how are you?': 'Comment allez-vous?',
        'hello': 'Bonjour',
        'goodbye': 'Au revoir',
        'thank you': 'Merci',
        'please': 'S\'il vous plaît',
        'yes': 'Oui',
        'no': 'Non',
        'good morning': 'Bonjour',
        'good evening': 'Bonsoir',
        'i love you': 'Je t\'aime'
    },
    spanish: {
        'how are you?': '¿Cómo estás?',
        'hello': 'Hola',
        'goodbye': 'Adiós',
        'thank you': 'Gracias',
        'please': 'Por favor',
        'yes': 'Sí',
        'no': 'No',
        'good morning': 'Buenos días',
        'good evening': 'Buenas noches',
        'i love you': 'Te amo'
    },
    japanese: {
        'how are you?': '元気ですか？',
        'hello': 'こんにちは',
        'goodbye': 'さようなら',
        'thank you': 'ありがとう',
        'please': 'お願いします',
        'yes': 'はい',
        'no': 'いいえ',
        'good morning': 'おはよう',
        'good evening': 'こんばんは',
        'i love you': '愛してる'
    }
};

// DOM elements
const inputScreen = document.getElementById('input-screen');
const resultScreen = document.getElementById('result-screen');
const translateBtn = document.getElementById('translate-btn');
const startOverBtn = document.getElementById('start-over-btn');
const inputText = document.getElementById('input-text');
const originalText = document.getElementById('original-text');
const translatedText = document.getElementById('translated-text');

// Get selected language
function getSelectedLanguage() {
    const selectedRadio = document.querySelector('input[name="language"]:checked');
    return selectedRadio ? selectedRadio.value : 'french';
}

// Translate text
function translateText(text, targetLanguage) {
    const normalizedText = text.toLowerCase().trim();
    const languageTranslations = translations[targetLanguage];
    
    // Check for exact match first
    if (languageTranslations[normalizedText]) {
        return languageTranslations[normalizedText];
    }
    
    // If no translation found, return a default message
    const defaultMessages = {
        french: 'Traduction non disponible',
        spanish: 'Traducción no disponible',
        japanese: '翻訳が利用できません'
    };
    
    return defaultMessages[targetLanguage] || 'Translation not available';
}

// Show translation result
function showTranslationResult() {
    const inputValue = inputText.value.trim();
    const selectedLanguage = getSelectedLanguage();
    
    if (!inputValue) {
        alert('Please enter some text to translate');
        return;
    }
    
    // Set the original and translated text
    originalText.textContent = inputValue;
    translatedText.textContent = translateText(inputValue, selectedLanguage);
    
    // Switch screens
    inputScreen.classList.add('hidden');
    resultScreen.classList.remove('hidden');
}

// Show input screen
function showInputScreen() {
    resultScreen.classList.add('hidden');
    inputScreen.classList.remove('hidden');
    
    // Clear input
    inputText.value = '';
}

// Event listeners
translateBtn.addEventListener('click', showTranslationResult);
startOverBtn.addEventListener('click', showInputScreen);

// Handle enter key in textarea
inputText.addEventListener('keydown', function(event) {
    if (event.key === 'Enter' && !event.shiftKey) {
        event.preventDefault();
        showTranslationResult();
    }
});