A trangle geometric shape

						
var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-10, 10, 10, -10], showcopyright: false,keepaspectratio: true,zoom: true,axis: false, showNavigation: false
});

var Inpt = [40,15 ,4,["A","B","C"],'AAS'];
var tri = board.create('triangle',Inpt,{D:"LT",'line':{withLabel:false,strokeColor:'blue',strokeWidth:2},'angle':{visible:false,strokeColor:'red',strokeWidth:1},});

var mp1 =  board.create('midpoint', [tri.C, tri.B],{name:'D', size: 1,  label: {offset:[0,10], }} );

var a = board.create('slider',[[-4,-4],[4,-4],[4,8.3333,12]], {name:'a'});
var Inpt = [[tri.A, tri.C],["F"],{d:function(){return a.Value();}}];
var l1 =  board.create('pointofline',Inpt,{line:{strokeColor:'blue'},point:{size:1}});
var l2 = board.create('segment', [tri.C, l1.F],{dash:2});

var l3 = board.create('line', [l1.F, mp1],{visible: false});
var i1 = board.create('intersection', [l3,tri.AB],{name:"E",	size:1, label:{offset:[-10,-15]}});


var l4 = board.create('segment', [l1.F, i1]);

var l5 = board.create('segment', [tri.B, i1]);

board.create('text',[-8,9, function(){ return "CF = "+ l2.L().toFixed(2);}]);

	board.create('text',[-4,9, function(){ return "BE = "+ l5.L().toFixed(2);}]);
	
var pl1 = board.create('parallel', [l3, tri.C],{visible: false});

var i2 = board.create('intersection', [pl1,tri.AB],{name:"G",	size:1, label:{offset:[-10,-15]}});

var l4 = board.create('segment', [tri.C, i2],{dash:2});