JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

hippocampus genetics.

JavaScript

// Four recessive pairs needed for brown colour.
var a1, a2 = 'A';
var b1, b2 = 'B';
var c1, c2 = 'C';
var d1, d2 = 'D';

// Two recessive pairs needed for blue colour.
var bl1, bl2 = 'Bl';
var bc1, bc2 = 'Bc';

// Scales. T mutation is inc. dom., reduces guanine. 
var t1, t2 = 't';

// Black (no demelanisation) is recessive mutation.
var dp1, dp2 = 'Dp';

// Telescope eyes, recessive mutation. Or here, horns.
var te1, te2 = 'Te';

// Twin tail, recessive mutation.
var tt1, tt2 = 'Tt';

// Two recessive pairs needed for albinism.
var p1, p2 = 'P';
var c1, c2 = 'C';

// More white on body = more intense other colours.
// So, have 4? different intensities of each colour.
// And use correct one underneath each white image.

// Inheritance of white is unknown. For now, inc. dom.
// ww = self coloured, Ww = variegated, WW = solid white.
var w1, w2 = 'w';

// Bluebelly, mock-metallic, net-like transparent...
// A recessive mutation reducing guanine in scales.
var n1, n2 = 'N';