JSFiddle - React, Tailwind, and code Playground

by djwelsh

HTML

<div id="whatever">

</div>

JavaScript

window.onload = function () {
	
  let w = document.getElementById('whatever');
  
	for (let m in tData.databank["L3_SG2"].translations) {
  	
    	for (let i = 0; i < tData.databank["L3_SG2"].translations[m].a.length; i++) {
      	
        w.innerHTML += tData.databank["L3_SG2"].translations[m].a[i].ja + "<br>";
      	
      }
      
      for (let i = 0; i < tData.databank["L3_SG2"].translations[m].b.length; i++) {
      	
        w.innerHTML += tData.databank["L3_SG2"].translations[m].b[i].ja + "<br>";
      	
      }
      
      
    
  	
    
  	
  }
  
};




const tData = {
	title : "#year# School Year #displayName# Translations",
	year : 2020,
	databank : {
		
		"L3_SG2" : {
			levels : ["L3", "SG2"],
			displayName : "L3 / SG2",
			translations : {
				"L3-4-1" : {
					a : [
						{
							en : "It is a pen.",
							ja : "それは１つのペンです。"
						},
						{
							en : "It is an apple.",
							ja : "それは１つのリンゴです。"
						}
					],
					b : [
						{
							en : "It is an orange.",
							ja : "それは１つのオレンジです。"
						},
						{
							en : "It is a lemon.",
							ja : "それは１つのレモンです。"
						}
					]
				},
				"L3-4-2" : {
					a : [
						{
							en : "It is a fox.",
							ja : "それは１{匹(ぴき)}のキツネです。"
						},
						{
							en : "They are snakes.",
							ja : "{彼(かれ)}らはヘビです。"
						}
					],
					b : [
						{
							en : "They are penguins.",
							ja : "{彼(かれ)}らはペンギンです。"
						},
						{
							en : "It is an egg.",
							ja : "それは１つのたまごです。"
						}
					]
				},
				"L3-4-3" : {
					a : [
						{
							en : "You are a nurse.",
							ja : "あなたは{看護師(かんごし)}です。"
						},
						{
							en : "He is a doctor.",
							ja : "{彼(かれ)}は{医者(いしゃ)}です。"
						}
					],
					b : [
						{
							en : "They are students.",
							ja : "{彼(かれ)}らは{生徒(せいと)}です。"
						},
						{
							en : "It is a car.",
							ja : "それは１{台(だい)}の{車(くるま)}です。"
						}
					]
				},
				"L3-4-4" : {
					a : [
						{
							en : "He is a dentist.",
							ja :...