JSFiddle - React, Tailwind, and code Playground

by Lan Jiang

HTML

<a href="#/" title="fr">fr</a>
<a href="#/" title="en">en</a>
<h1>Bonjour</h1>
<p>Au revoir</p>

JavaScript

var dict = {
	fr: {
  	'hello' : 'Bonjour',
    'bye' : 'Au revoir'
  },
 	en: {
  	'hello' : 'Hello',
    'bye' : 'Bye'
  }
};

function text (lang){
	$('h1').html(dict[lang].hello);
  $('p').html(dict[lang].bye);
};

$('a').click(function (){
	var selected = $(this).attr('title');
  text(selected);
});