Translate.js


                    HTML
                    
    <script src="lang/es.js"></script>
    <script src="lang/en.js"></script>

    <script src="translate.min.js"></script>
                    
                
                    JS
                    
    var t = Translate({lang: 'es', className: 'translate'}); // Inicializado

    // Puedes verificarlo en la consola
    t.getLang(); //  es
    t.get('greetings.good.morning'); // Buenos días
                    
                
                    JS
                    
    var t = Translate({lang: 'en', className: 'translate'}); // Initializing

    // You could check in console
    t.getLang(); //  en
    t.get('greetings.good.morning'); // Good morning
                    
                
                    lang
                    
    var lang_es = {

        lorem: 'Deserunt sint excepteur culpa pariatur quis do eu nulla nisi dolore',
    
        congratulations: 'Felicitaciones!!',
    
        person: {
            firstName: 'Primer nombre',
            countryBirth: 'País de nacimiento'
        },
    
        greetings: {
            good: {
                morning: 'Buenos días',
                night: 'Buenas noches'
            }
        },
    
        country: {
            choose: 'Seleccione una opción'
        },
    
        actions: {
            confirm: 'Confirmar',
            delete: 'Eliminar'
        },
        
        appLang: {
            spanish: 'Español',
            english: 'Inglés'
        }
    };
                    
                
                    lang
                    
    var lang_en = {

        lorem: 'Exercitation velit quis excepteur ea aliquip non. Cupidatat tempor',
    
        congratulations: 'Congratulations!!',
    
        person: {
            firstName: 'First name',
            countryBirth: 'Country of birth'
        },
    
        greetings: {
            good: {
                morning: 'Good morning',
                night: 'Goog night'
            }
        },
    
        country: {
            choose: 'Choose an option'
        },
    
        actions: {
            confirm: 'Confirm',
            delete: 'Delete',
        },
        
        appLang: {
            spanish: 'Spanish',
            english: 'English'
        }
    
    };
                    
                
                    
    <p class="translate" data-translate="lorem"></p>
                    
                

                    
    <span class="translate" data-translate="congratulations" data-translate-title="person.countryBirth"></span>

                    
                
                    
    <div class="translate" data-translate="greetings.good.morning"></div>
    <div class="translate" data-translate="greetings.good.night"></div>
                    
                
                    
    <span class="translate" data-translate="person.firstName"></span>
    <input type="text" class="translate" data-translate="person.firstName">
                    
                
                    
    <select>
    <option value="" class="translate" data-translate="country.choose"></option>
    <option value="1">Venezuela</option>
    <option value="2">Argentina</option>
    <option value="3">Ecuador</option>
    <option value="4">Chile</option>
    </select>
                    
                
                    
    <button class="translate" data-translate="actions.confirm"></button> 
    <button class="translate" data-translate="actions.delete"></button>