JSFiddle - React, Tailwind, and code Playground

https://mrgarretto.com/entityconverter

by MegaScience

HTML

<div id="content">

  <div id="page-tagline">Updates entity names and types in your 1.10 commands to work with Minecraft 1.11!
    <br><a id="example" href="#">Click here for a random example.</a></div>

  <div class="section">Input (1.10)</div>
  <textarea spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="Input command(s) here" rows="6" cols="50" id="input"></textarea>
  <br>

  <div class="section">Output (1.11)</div>
  <textarea spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" onclick="this.focus();this.select()" placeholder="Output commands" readonly="" rows="6" cols="50" id="output"></textarea>

</div>

JavaScript

var data = {
	conv: {
		ent: {
			"FireworksRocketEntity": "fireworks_rocket",
			"ThrownExpBottle": "xp_bottle",
			"VillagerGolem": "villager_golem",
			"ItemFrame": "item_frame",
			"PigZombie": "zombie_pigman",
			"AreaEffectCloud": "area_effect_cloud",
			"EnderCrystal": "ender_crystal",
			"DragonFireball": "dragon_fireball",
			"ThrownEgg": "egg",
			"ThrownEnderpearl": "ender_pearl",
			"MinecartHopper": "hopper_minecart",
			"SmallFireball": "small_fireball",
			"WitherBoss": "wither",
			"FallingSand": "falling_block",
			"WitherSkull": "wither_skull",
			"PolarBear": "polar_bear",
			"ThrownPotion": "potion",
			"MinecartFurnace": "furnace_minecart",
			"SpectralArrow": "spectral_arrow",
			"MinecartTNT": "tnt_minecart",
			"CaveSpider": "cave_spider",
			"Ozelot": "ocelot",
			"LavaSlime": "magma_cube",
			"XPOrb": "xp_orb",
			"MushroomCow": "mooshroom",
			"MinecartCommandBlock": "commandblock_minecart",
			"ArmorStand": "armor_stand",
			"LeashKnot": "leash_knot",
			"EntityHorse": "horse",
			"MinecartSpawner": "spawner_minecart",
			"EyeOfEnderSignal": "eye_of_ender_signal",
			"ShulkerBullet": "shulker_bullet",
			"EnderDragon": "ender_dragon",
			"LightningBolt": "lightning_bolt",
			"PrimedTnt": "tnt",
			"MinecartRideable": "minecart"
		},
		horse: {
			'0': 'horse',
			'1': 'donkey',
			'2': 'mule',
			'3': 'zombie_horse',
			'4': 'skeleton_horse'
		},
		zomb: {
			'0': 'zombie',
			'1': 'zombie_villager',
			'2': 'zombie_villager',
			'3': 'zombie_villager',
			'4': 'zombie_villager',
			'5': 'zombie_villager',
			'6': 'husk',
		},
		zombPro: {
			'0': '',
			'1': ',Profession:0',
			'2': ',Profession:1',
			'3': ',Profession:2',
			'4': ',Profession:3',
			'5': ',Profession:4',
			'6': '',
		},
		skele: {
			'0': 'skeleton',
			'1': 'wither_skeleton',
			'2': 'stray'
		}
	}
};

$('#input').change(function() {
  var output = $(this).val();
  var outputSplit = output.split('\n');
  var finalOutput = '';

  for (var i = 0; i <...