{"version":3,"sources":["webpack:///./src/components/mathematics/Math12thGrade/AorB/Lesson.vue","webpack:///./src/components/mathematics/Math12thGrade/AorB/Boxes.js","webpack:///src/components/mathematics/Math12thGrade/AorB/Lesson.vue","webpack:///./src/components/mathematics/Math12thGrade/AorB/Lesson.vue?d1bf","webpack:///./src/components/mathematics/Math12thGrade/AorB/Lesson.vue?df19","webpack:///./src/components/mathematics/Math12thGrade/AorB/Lesson.vue?1d16"],"names":["ref","attrs","staticClass","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","reload","placeShuffle","test","placeTest","placeImage","dice1g","dice2g","dice3g","dice4g","dice5g","dice6g","dice1gE","dice2gE","dice3gE","dice4gE","dice5gE","dice6gE","ir","jr","kr","lr","mr","nr","even","odd","select","on","setAttribute","fillOpacity","Math","abs","sin","PI","ig","jg","kg","lg","mg","ng","placeMiddleText","right1","right2","right3","visible","placeRightText","num","placeInput","den","placeLine","setLabel","label","alignX","offset","CssStyle","fontSize","this","Value","right","wrong","k","min","ini","fun","name","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-5d73e2e0.378cfa76.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    What is Probability?\\n  \")]),_c('p',[_vm._v(\"\\n    Probability, stated in simple terms, is a way to determine the likelihood of the occurrence of a given event.\\n    The higher the probability of a given event, the greater the likelihood of occurrence of that event, and vice-versa.\\n    Numerically, the probability of getting a given outcome is expressed as a number between 0 and 1.\\n    Probability of 0 means that the outcome is impossible while a probability of 1 implies that the outcome is certain (absolutely likely to happen).\\n  \")]),_c('h3',{ref:\"types\"},[_vm._v(\"\\n    Finding Probability of an Event\\n  \")]),_c('p',[_vm._v(\"\\n    Let's consider a random experiment (say rolling of a die) that can give multiple outcomes (for example — the rolling of a die can give 1, 2, 3, 4, 5, or 6).\\n    Let's say we have to calculate the probability of occurrence of a given outcome (say getting a 2). Below are the steps to find this probability.\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Understanding Fractional Numbers\\n  \")]),_c('p',[_vm._v(\"\\n    In this MagicGraph, you will learn step by step how to calculate the probability of getting an even outcome in a game of dice.\\n    You will start with picking all possible outcomes from roll of a die. Then, you will pick the outcomes that give an even number.\\n    Finally, you will calculate the probability as the ratio of even outcomes to all outcomes. \\n  \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"a\"},[_c('li',[_c('h5',[_vm._v(\" Step 1: Total Number of Possible Outcomes (\"),_c('i',[_vm._v(\"N\")]),_vm._v(\" )\")])]),_c('p',[_vm._v(\"\\n      Start with finding the number of all possible outcomes that can come out of the random experiment.  Let's call this number \"),_c('i',[_vm._v(\"N\")]),_vm._v(\".\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Step 2: Number of Favorable Outcomes (\"),_c('i',[_vm._v(\"n\")]),_vm._v(\" ) \")])]),_c('p',[_vm._v(\"\\n      Next, we calculate the number of ways in which the desired outcome can be obtained. Let's call this number \"),_c('i',[_vm._v(\"n\")]),_vm._v(\".\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Step 3: Calculate the Ratio \"),_c('i',[_vm._v(\"n\")]),_vm._v(\" over \"),_c('i',[_vm._v(\"N\")])])]),_c('p',[_vm._v(\"\\n      Calculate the ratio of \\\\(n\\\\) over \\\\(N\\\\). This ratio gives the probability of event A.\\n      $$\\\\text{Probability of Event A=}P(A) = \\\\frac{n}{N}$$\\n    \")])])\n}]\n\nexport { render, staticRenderFns }","// Import the edliy_utils\r\nimport {\r\n    makeResponsive,\r\n    placeTitle,\r\n    placeImage,\r\n    placeInput,\r\n    placeSlider,\r\n    hoverMe,\r\n    placeRec,\r\n    hiddenPt,\r\n    fixedPt,\r\n    clearInputFields,\r\n    dragMe,\r\n    placeArrow,\r\n    placeGravity,\r\n    placeMiddleText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeRightText,\r\n    placeSliderSwitch,\r\n    placeCircle,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeTest\r\n} from '../../../../common/edliy_utils-geometric';\r\nconst Boxes = {\r\n  box1: function () {\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n  JXG.Options.point.showInfoBox=false;\r\n  JXG.Options.point.highlight=false;\r\n  JXG.Options.image.highlight=false;\r\n  JXG.Options.text.highlight=false;\r\n  JXG.Options.text.fixed=true;\r\n  JXG.Options.curve.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-4, 11, 10, -3],keepaspectratio: true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  //brd1.suspendUpdate();\r\n  makeResponsive(brd1);\r\n  brd1.options.layer['image'] =12;\r\n  brd1.options.layer['circle'] =13;\r\n  brd1.options.layer['chart'] =14;\r\n  brd1.options.layer['sector'] =15;\r\n  brd1.options.layer['line'] =15;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n  placeTitle(brd1, 'Probability of A or B', '(Probability of Two Events)');\r\n  placeLogo(brd1);\r\n  var reload = placeShuffle(brd1);\r\n  var test = placeTest(brd1);\r\n  //var num =placeInput(brd1, 8, 4.5, 1);\r\n  //var den=placeInput(brd1, 8, 3.5, 4);\r\n  //hoverMe(brd1, num, 'Numerator', 15, 40);\r\n  //hoverMe(brd1, den, 'Denominator', 15, -40);\r\n  //placeLine(brd1, [8, 4], [9,4], 4, 'black');\r\n  //placeText(brd1, 7, 4, 24, 'Fraction =')\r\n  //var dataArr=[()=>num.Value(), ()=>den.Value()-num.Value()];\r\n  var lenArr = [2, 7, 4, 5, 3, 6, 8];\r\n  var fracArr = [1, 3, 3, 2, 2, 4, 5];\r\n  //Red Dice\r\n   placeImage(brd1, '/assets/dice-1-red.svg', -0.35-0.55, 6.5-1, 1,20);//\r\n   placeImage(brd1, '/assets/dice-2-red.svg', 1.75-0.55, 6.5-1, 1,70);//\r\n   placeImage(brd1, '/assets/dice-3-red.svg', 3.5-0.55, 6.65-1, 1,105);//\r\n   placeImage(brd1, '/assets/dice-4-red.svg', 4.35-0.55, 6.5-1, 1,45);//\r\n   placeImage(brd1, '/assets/dice-5-red.svg', 6.1-0.55, 6.5-1, 1, 70);//\r\n   placeImage(brd1, '/assets/dice-6-red.svg', 8.0-0.55, 7.0-1, 1, 120);//\r\n//Grey Dice\r\n  var dice1g = placeImage(brd1, '/assets/1grey.svg', -0.35-0.55, 6.5-1, 1, 20);//\r\n  var dice2g = placeImage(brd1, '/assets/2grey.svg',  1.75-0.55, 6.5-1, 1,70);//\r\n  var dice3g = placeImage(brd1, '/assets/3grey.svg',  3.5-0.55, 6.65-1, 1,105);//\r\n  var dice4g = placeImage(brd1, '/assets/4grey.svg',  4.35-0.55, 6.5-1, 1,45);//\r\n  var dice5g = placeImage(brd1, '/assets/5grey.svg',  6.1-0.55, 6.5-1, 1, 70);//\r\n  var dice6g = placeImage(brd1, '/assets/6grey.svg',  8.0-0.55, 7.0-1, 1, 120);//\r\n//Green Dice\r\n  placeImage(brd1, '/assets/dice-1-red.svg', -0.35-0.55, 6.5-4, 1, 20);//\r\n  placeImage(brd1, '/assets/dice-2-red.svg',  1.75-0.55, 6.5-4, 1, 70);\r\n  placeImage(brd1, '/assets/dice-3-red.svg',  3.5-0.55, 6.65-4, 1,105);\r\n  placeImage(brd1, '/assets/dice-4-red.svg',  4.35-0.55, 6.5-4, 1,45);\r\n  placeImage(brd1, '/assets/dice-5-red.svg',  6.1-0.55, 6.5-4, 1, 70);//\r\n  placeImage(brd1, '/assets/dice-6-red.svg',  8.0-0.55, 7.0-4, 1, 120);//\r\n//Grey Dice\r\n  var dice1gE = placeImage(brd1, '/assets/1grey.svg', -0.35-0.55, 6.5-4, 1, 20);//\r\n  var dice2gE = placeImage(brd1, '/assets/2grey.svg',  1.75-0.55, 6.5-4, 1,70);//\r\n  var dice3gE = placeImage(brd1, '/assets/3grey.svg',  3.5-0.55, 6.65-4, 1,105);//\r\n  var dice4gE = placeImage(brd1, '/assets/4grey.svg',  4.35-0.55, 6.5-4, 1,45);//\r\n  var dice5gE = placeImage(brd1, '/assets/5grey.svg',  6.1-0.55, 6.5-4, 1, 70);//\r\n  var dice6gE = placeImage(brd1, '/assets/6grey.svg',  8.0-0.55, 7.0-4, 1, 120);//\r\n////////////////////////////////////////////////////\r\n   var ir=0; var jr=0; var kr=0; var lr=0; var mr=0; var nr=0; var even=[0,0,0]; var odd=[0,0,0]; var select=[0,0,0,0,0,0];\r\n   dice1g.on('down', function(){dice1g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*ir/2))});  ir+=1;  select[0]=Math.abs(Math.sin(Math.PI*ir/2)); });\r\n   dice2g.on('down', function(){dice2g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*jr/2))});  jr+=1;  select[1]=Math.abs(Math.sin(Math.PI*jr/2)); });\r\n   dice3g.on('down', function(){dice3g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*kr/2))});  kr+=1;  select[2]=Math.abs(Math.sin(Math.PI*kr/2)); });\r\n   dice4g.on('down', function(){dice4g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*lr/2))});  lr+=1;  select[3]=Math.abs(Math.sin(Math.PI*lr/2)); });\r\n   dice5g.on('down', function(){dice5g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*mr/2))});  mr+=1;  select[4]=Math.abs(Math.sin(Math.PI*mr/2)); });\r\n   dice6g.on('down', function(){dice6g.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*nr/2))});  nr+=1;  select[5]=Math.abs(Math.sin(Math.PI*nr/2)); });\r\n   var ig=0; var jg=0; var kg=0; var lg=0; var mg=0; var ng=0;\r\n   dice1gE.on('down', function(){dice1gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*ig/2))});  ig+=1;   odd[0]=Math.abs(Math.sin(Math.PI*ig/2));});\r\n   dice2gE.on('down', function(){dice2gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*jg/2))});  jg+=1;   even[0]=Math.abs(Math.sin(Math.PI*jg/2));});\r\n   dice3gE.on('down', function(){dice3gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*kg/2))});  kg+=1;   odd[1]=Math.abs(Math.sin(Math.PI*kg/2));});\r\n   dice4gE.on('down', function(){dice4gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*lg/2))});  lg+=1;   even[1]=Math.abs(Math.sin(Math.PI*lg/2));});\r\n   dice5gE.on('down', function(){dice5gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*mg/2))});  mg+=1;   odd[2]=Math.abs(Math.sin(Math.PI*mg/2));});\r\n   dice6gE.on('down', function(){dice6gE.setAttribute({fillOpacity:Math.abs(Math.sin(Math.PI*ng/2))});  ng+=1;   even[2]=Math.abs(Math.sin(Math.PI*ng/2));});\r\n   placeMiddleText(brd1, 3, 7.5, 'Event A: Getting an Even Number');\r\n   placeMiddleText(brd1, 3, 4.5, 'Event B: Getting a Number less than 5');\r\n   var right1 = placeImage(brd1, '/assets/check.svg', 6,7.15,0.75,0);\r\n   var right2 = placeImage(brd1, '/assets/check.svg', 6,4.15, 0.75, 0);\r\n   var right3 = placeImage(brd1, '/assets/check.svg', 6,-0.25, 0.75, 0);\r\n\r\n   right1.setAttribute({visible:function(){return select[0]+select[1]+select[2]+select[3]+select[4]+select[5]==6}});\r\n   right2.setAttribute({visible:function(){return (even[0]+even[1]+even[2]==3) && (odd[0]+odd[1]+odd[2]<0.25)}});\r\n   ////////////////////////////////////////////////////////////\r\n   placeMiddleText(brd1, 3, 1.5, 'Step 3: Take the Ratio n over N');\r\n   placeRightText(brd1, 2.8, 0., 'Probability (Even Outcome) =');\r\n   var num =placeInput(brd1, 3.25, 0.5, '', '');\r\n   var den = placeInput(brd1, 3.25, -0.5, '', '');\r\n   placeLine(brd1, [3, 0], [5,0], 2, 'black');\r\n  //var reload =brd1.create('image', ['/assets/shuffle.svg', [-2.25,3.4],[1.2, 1.2]], {opacity:1, fixed:true});\r\n  test.setLabel('Tap to Test Your Answer')\r\n  test.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  test.on('over', function () {this.label.setAttribute({visible:true});});\r\n  test.on('out', function () {this.label.setAttribute({visible:false});});\r\n  right3.setAttribute({visible:function(){return (num.Value()/den.Value())==0.5}});\r\n //test.on('down', function(){let val = test(); if(num.Value()/den.Value()){right.setAttribute({visible:true})}else{wrong.setAttribute({visible:true})}});\r\n  /////////////////////////////////////////////////////////////////////////////////////////////\r\n  reload.setLabel('Tap to Shuffle')\r\n  reload.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  reload.on('over', function () {this.label.setAttribute({visible:true});});\r\n  reload.on('out', function () {this.label.setAttribute({visible:false});});\r\n  reload.on('down', function(){right.setAttribute({visible:false}); wrong.setAttribute({visible:false}); k=Math.min(k+1, 5);ini(); fun();});\r\n  //brd1.create('text', [4, 6.5, 'Select slices that make'],{display:'internal', alignX:'right'});\r\n\r\n\r\n  //ques.setText();\r\n  //placeMiddleText(brd1, 3.0, 0.5, 'Click on a Slice to Select/Deselect it');\r\n  /////////////////////////////////////////////////////////////////////////////////////////////\r\n  //brd1.create('text', [()=>6+2.75*Math.cos(0.5*type1*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin(0.5*type1*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Bulldog ('+type1.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+0.5*type2)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+0.5*type2)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Doberman ('+type2.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()) +')' ],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+0.5*type3)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+0.5*type3)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Grehound ('+type3.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+type3+0.5*type4)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+type3+0.5*type4)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Dalmatian ('+type4.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+type3+type4+0.5*type5)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+type3+type4+0.5*type5)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Shar-Pie ('+type5.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()) +')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n//\r\n/////////////////////\r\n/*var sect=[];\r\nvar ini = function(){\r\nbrd1.removeObject(sect,true);\r\n}\r\n/////////////////\r\n var status =[];\r\n var fun = function(){\r\n for(let i=0; i<lenArr[k]; i++)\r\n {\r\n   sect[i] =brd1.create('sector', [[3,4],\r\n    [3+2*Math.cos((i+1)*2*Math.PI/Math.max(lenArr[k],1)), 4+2*Math.sin((i+1)*2*Math.PI/Math.max(lenArr[k], 1))],\r\n    [3+2*Math.cos((i+2)*2*Math.PI/Math.max(lenArr[k],1)), 4+2*Math.sin((i+2)*2*Math.PI/Math.max(lenArr[k], 1))]],\r\n   {strokeColor:'black', strokeWidth:1, fillOpacity:0.});\r\n   status[i] = 0;\r\n   sect[i].setAttribute({dash:2, center:{visible:false}, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n }\r\n};\r\n var test = function()\r\n { let total=0;\r\n   for(let i=0; i<lenArr[k]; i++)\r\n   {\r\n     total = total + Math.abs(Math.sin(status[i]*Math.PI/2));\r\n   }\r\n   return total;\r\n }\r\nini(); fun();\r\n\r\nbrd1.on('up', function(evt)\r\n{\r\n  let coords = brd1.getMousePosition(evt);\r\n  for(let i=0; i<lenArr[k]; i++)\r\n  {\r\n    if(sect[i].hasPointSector(coords[0], coords[1])==true)\r\n    { status[i] +=1;\r\n      right.setAttribute({visible:false});\r\n      wrong.setAttribute({visible:false});\r\n      sect[i].setAttribute({fillOpacity:Math.abs(Math.sin(status[i]*Math.PI/2)), fillColor:'OldLace'});\r\n    }\r\n  }\r\n);\r\n*/\r\n//brd1.create('text', [6, 6, function(){return coords[0]}]);\r\n //num.on('down', function(){i=0; ini();fun();brd1.update()});\r\n //den.on('down', function(){i=0; ini();fun();brd1.update()});\r\n /////////////////////////////////////////////////////\r\n /*let magicGraph = document.querySelector(\"#jxgbox1\");\r\n let inputFields = magicGraph.querySelectorAll(\"input\");\r\n var onEachPress = function(event) { i=0; ini(); sect=[]; fun();}\r\n    inputFields.forEach(function(field) {\r\n    field.addEventListener('input', onEachPress);});*/\r\n/*  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(2*Math.PI/(den.Value())), ()=>4+2*Math.sin(2*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(4*Math.PI/(den.Value())), ()=>4+2*Math.sin(4*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(6*Math.PI/(den.Value())), ()=>4+2*Math.sin(6*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(8*Math.PI/(den.Value())), ()=>4+2*Math.sin(8*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(10*Math.PI/(den.Value())), ()=>4+2*Math.sin(10*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(12*Math.PI/(den.Value())), ()=>4+2*Math.sin(12*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});*/\r\n//\r\n//reload.on('down', function(){ini();type1=Math.round(Math.random()*3)+1; type2=Math.round(Math.random()*4)+1; type3=Math.round(Math.random()*4)+1;type4=Math.round(Math.random()*2)+1;type5=Math.round(Math.random()*3)+1;\r\n//   i=1;j=1;k=1;l=1;m=1;});\r\n//brd1.unsuspendUpdate();\r\n},\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      What is Probability?\r\n    </h3>\r\n    <p>\r\n      Probability, stated in simple terms, is a way to determine the likelihood of the occurrence of a given event.\r\n      The higher the probability of a given event, the greater the likelihood of occurrence of that event, and vice-versa.\r\n      Numerically, the probability of getting a given outcome is expressed as a number between 0 and 1.\r\n      Probability of 0 means that the outcome is impossible while a probability of 1 implies that the outcome is certain (absolutely likely to happen).\r\n    </p>\r\n    <h3 ref=\"types\">\r\n      Finding Probability of an Event\r\n    </h3>\r\n    <p>\r\n      Let's consider a random experiment (say rolling of a die) that can give multiple outcomes (for example &mdash; the rolling of a die can give 1, 2, 3, 4, 5, or 6).\r\n      Let's say we have to calculate the probability of occurrence of a given outcome (say getting a 2). Below are the steps to find this probability.\r\n    </p>\r\n    <ul class=\"a\">\r\n      <li> <h5> Step 1: Total Number of Possible Outcomes (<i>N</i> )</h5> </li>\r\n      <p>\n        Start with finding the number of all possible outcomes that can come out of the random experiment.  Let's call this number <i>N</i>.\r\n      </p>\r\n      <li> <h5> Step 2: Number of Favorable Outcomes (<i>n</i> ) </h5> </li>\r\n      <p>\r\n        Next, we calculate the number of ways in which the desired outcome can be obtained. Let's call this number <i>n</i>.\r\n      </p>\r\n      <li> <h5> Step 3: Calculate the Ratio <i>n</i> over <i>N</i></h5> </li>\r\n      <p>\r\n        Calculate the ratio of \\(n\\) over \\(N\\). This ratio gives the probability of event A.\r\n        $$\\text{Probability of Event A=}P(A) = \\frac{n}{N}$$\r\n      </p>\r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Understanding Fractional Numbers\r\n    </h3>\r\n    <p>\n      In this MagicGraph, you will learn step by step how to calculate the probability of getting an even outcome in a game of dice.\r\n      You will start with picking all possible outcomes from roll of a die. Then, you will pick the outcomes that give an even number.\r\n      Finally, you will calculate the probability as the ratio of even outcomes to all outcomes. \r\n    </p>\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox1\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n    </v-responsive>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'Probability',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Probability Exercise';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Probability', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Probability of an Event', img:'/assets/number-2.svg', action: () => this.goto('types')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n    let newModule=true;\r\n    this.$store.commit('navigation/replaceModule', newModule);\r\n  },\r\n  mounted () {\r\n    MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\r\n    Boxes.box1();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Proabability',\r\n          titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Learn interactively about Thales Theorem'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.scss';\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n.icn{\r\ncolor: var(--v-red-base);;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=24cc5754&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=24cc5754&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&id=24cc5754&prod&lang=scss&\""],"sourceRoot":""}