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
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>