JSFiddle - React, Tailwind, and code Playground

by radu

HTML

<textarea id="sequence"></textarea>

JavaScript

aa = {
	'Ala' : { short: 'A', full: 'e', codons: ['GCA', 'GCC', 'GCG', 'GCT'] },
	'Asx' : { short: 'B', full: 'd', codons: ['AAC', 'AAT', 'GAC', 'GAT'] },
	'Cys' : { short: 'C', full: 'e', codons: ['TGC', 'TGT'] },
	'Asp' : { short: 'D', full: 'd', codons: ['GAC', 'GAT'] },
	'Glu' : { short: 'E', full: 'd', codons: ['GAA', 'GAG'] },
	'Phe' : { short: 'F', full: 'e', codons: ['TTC', 'TTT'] },
	'Gly' : { short: 'G', full: 'e', codons: ['GGA', 'GGC', 'GGG', 'GGT'] },
	'His' : { short: 'H', full: 'e', codons: ['CAC', 'CAT'] },
	'Ile' : { short: 'I', full: 'e', codons: ['ATA', 'ATC', 'ATT'] },
	'Lys' : { short: 'K', full: 'e', codons: ['AAA', 'AAG'] },
	'Leu' : { short: 'L', full: 'e', codons: ['CTA', 'CTC', 'CTG', 'CTT', 'TTA', 'TTG'] },
	'Met' : { short: 'M', full: 'e', codons: ['ATG'] },
	'Asn' : { short: 'N', full: 'e', codons: ['AAC', 'AAT'] },
	'Pro' : { short: 'P', full: 'e', codons: ['CCA', 'CCC', 'CCG', 'CCT'] },
	'Gln' : { short: 'Q', full: 'e', codons: ['CAA', 'CAG'] },
	'Arg' : { short: 'R', full: 'e', codons: ['AGA', 'AGG', 'CGA', 'CGC', 'CGG', 'CGT'] },
	'Ser' : { short: 'S', full: 'e', codons: ['AGC', 'AGT', 'TCA', 'TCC', 'TCG', 'TCT'] },
	'Thr' : { short: 'T', full: 'e', codons: ['ACA', 'ACC', 'ACG', 'ACT'] },
	'Val' : { short: 'V', full: 'e', codons: ['GTA', 'GTC', 'GTG', 'GTT'] },
	'Trp' : { short: 'W', full: 'n', codons: ['TGG'] },
	'X' : { short: 'X', full: 'n', codons: ['NNN'] },
	'Tyr' : { short: 'Y', full: 'e', codons: ['TAC', 'TAT'] },
	'Glx' : { short: 'Z', full: 'd', codons: ['CAA', 'CAG', 'GAA', 'GAG'] },
	'*' : { short: '*', full: 'n', codons: ['TAA', 'TAG', 'TGA'] }
};