diff options
Diffstat (limited to 'examples/Math_Largest_Number_Identification/js/lesson.js')
| -rwxr-xr-x | examples/Math_Largest_Number_Identification/js/lesson.js | 194 |
1 files changed, 194 insertions, 0 deletions
diff --git a/examples/Math_Largest_Number_Identification/js/lesson.js b/examples/Math_Largest_Number_Identification/js/lesson.js new file mode 100755 index 0000000..769b7b4 --- /dev/null +++ b/examples/Math_Largest_Number_Identification/js/lesson.js @@ -0,0 +1,194 @@ +$(document).ready(function() { + var k = Karma({ + audio: [{'name':'correct','file':'correct.ogg'}, + {'name':'incorrect','file':'incorrect.ogg'}, + {'name':'trigger', 'file':'trigger.ogg'} + ]}); + + k.ready(function(){ + + + //initialize the variables used and display initial value + var selected_box = "not selected"; + var score_value = 0; + var greatest; + var imgrand=[]; + var flag, i ,j; + var volValue = 1; //value of volume 1 means volume on 0 means volume off + var score_sign = 1; //0 means the sign is negative and 1 means it is positive + + /* + document.display.selectedBox.value = selected_box; + document.display.droppedBox.value = "not dropped"; + document.display.score.value = score_value; + */ + document.getElementById("scoreDisplay").src = "assets/image/drag_images/"+score_value+".png"; + game(); + + $('a#anchorInfo').click(function(){ //Show the info of game + $('#gameInfo').toggle(5000); + }); + + $('a#exitNow').click(function(){ //Restart The Game + var confirmVal = confirm("Do you really want to restart the game."); + if(confirmVal == true) + location.reload(true); + }); + $('a#volControl').click(function(){ //Show the info of game + $('.imgVolume').toggle(); + if(volValue == 1) + volValue = 0; + else + volValue = 1; + if(volValue == 1){ + k.audio.trigger.play(); + alert("Volume On"); + + } + else{ + k.audio.trigger.play(); + alert("Volume is Off"); + } + }); + + + + function generate_random_no() { //generate random number + var rand_no = Math.ceil(99*Math.random()); + return rand_no; + } + + function sortNumber(a,b){ //find the greatest number + return a - b; + } + + + function getRadioCheckedValue(radio_name) { + var oRadio = document.diffLevel.elements[radio_name]; + for(var i = 0; i < oRadio.length; i++) { + if(oRadio[i].checked) { + return oRadio[i].value; + } + + } + + return ''; + } + + function displayNumbers(){ + for(i=0; i<4; i++){ + document.getElementById("imgdrag"+i+"").src = "assets/image/drag_images/"+imgrand[i]+".png"; + + } + } + + + function game(){ //draws the necessary random numbers for the game + + //var selected_radio = getRadioCheckedValue("levelBtn"); + //alert(selected_radio); + + //generate random numbers w/o repitition + imgrand[0]=generate_random_no(); //1 number generated, 3 different numbers to be generated + for(i=1; i<4; i++){ + do{ + flag = 0; + imgrand[i] = generate_random_no(); + for(j=0; j<i; j++){ + if(imgrand[i]===imgrand[j]){ + flag++; + } + } + }while(flag != 0 ); //end of do while loop + } + displayNumbers(); //display the random numbers in the respective boxes. + } //end of game() + + // Set up the dragable element. + $('#feedback_images .drag_delegates').bind('dragstart', function(ev) { + if (!$(ev.target).hasClass('dragme')) + return true; + switch (ev.target.id) { + case 'imgdrag0': + selected_box = imgrand[0]; //the box is selected + break; + case 'imgdrag1': + selected_box = imgrand[1]; //the box is selected + break; + case 'imgdrag2': + selected_box = imgrand[2]; //the box is selected + break; + case 'imgdrag3': + selected_box = imgrand[3]; //the box is selected + break; + } + //document.display.selectedBox.value = selected_box; + + return true; + }); + + // Set up the drop zone. + $('#drop_area .drophere').bind('dragenter', function(ev) { // Update the drop zone class on drag enter/leave + if (!$(ev.target).hasClass('drophere')) return true; + $(ev.target).addClass('dragover'); return false; + }) + + .bind('dragleave', function(ev) { + if (!$(ev.target).hasClass('drophere')) return true; + $(ev.target).removeClass('dragover'); return false; + }) + + // Allow drops of any kind into the zone. + .bind('dragover', function(ev) { + if (!$(ev.target).hasClass('drophere')) return true; + return false; + }) + + // Handle the final drop... + .bind('drop', function(ev) { + if (!$(ev.target).hasClass('drophere')) return true; + + /** the box is dropped and now the calculation begins **/ + // document.display.droppedBox.value = selected_box; + + //finding the greatest among the 4 random numbers + imgrand.sort(sortNumber); + greatest = imgrand[3]; + console.log(greatest); + if(selected_box < greatest){ + score_value -=1; + if(volValue==1) + k.audio.incorrect.play(); + } + else{ + score_value +=1; + if(volValue==1) + k.audio.correct.play(); + } + + //NEgative number display technique + if(score_value<0) + document.getElementById("minussign").style.display = 'block'; + else + document.getElementById("minussign").style.display = 'none'; + + resultval = Math.abs(score_value); //change the negative value to positive + document.getElementById("scoreDisplay").src = "assets/image/drag_images/"+resultval+".png"; + if(score_value == 99){ + alert("Congratulations!!! You have won the game. Press Ok to Continue..."); + var gameVal = confirm("Press Ok To restart or Cancel to stay in page."); + if(gameVal == true){ + location.reload(true); + score_value =0; + } + } + // document.display.score.value = score_value; + game(); + + ev.stopPropagation(); + return false; + }); + + + }); +}); //end of document.ready |