( ( wn ) => { let storage = { /* * represent the index of the * round target */ tagetPage : null, /* * stok all the question * ask during on test */ question : [], /* * the div node who have the * id "start" for start a * test */ start : null, /* * for restart the * test */ restart : null, /* * for close the menu */ menuButton : null, /* * for open the * menu */ workspaceIcon: null, /* * is an array who containts * all the submit buttons */ submits: [], /* * is an array who containts * all the response and their *validity */ response: [], /* * for content the * other data who will * be save in this object */ other: {}, level: 0, time: 0, steps: 0, processString: null, processBool: null, set spendCursor( val ){ /* * for set all * variation of the * timeCursor process */ if ( typeof val == "string" ) { this.processString = val; } else{ this.processBool = val; } }, get hasCursor(){ /* * return the last * cursor process */ return this.processString; }, get hasCursorBool(){ /* * return the * timeCursor state */ return this.processBool; }, difficultyTime : 0, timeSize : 0, initTime(){ /* * for set all modification * on the time */ this.difficultyTime = ( !this.difficultyTime ) ? 0 : this.difficultyTime; this.time = ( 15 + ( 10 * ( this.level + 1 ) / 2 ) + this.difficultyTime ) * this.timeSize; this.steps = ( this.time / 100 ); } }, env = { "$": function ( selector ) { /* *pour sélectionner un *élément du DOM */ let selected = document.querySelectorAll( selector ); if ( selector ) { if ( "length" in selected ) { if ( selected.length == 1 ) { return selected[ 0 ]; } else{ return selected; } } else{ return selected; } } else{ return false; } }, "each" : function ( args, fn, param ) { /* * pour faire une meme action * pour chaque élément d'une * liste */ param = ( param ) ? param : []; if ( "length" in args ) { for( let i = 0 ; i < args.length; i++ ){ fn.apply( args[ i ], param ); } } else{ fn.apply( args, param ); } }, create: function ( name ) { return document.createElement( name ); } }, toInt = ( val ) => { /* * for convert a * string to number */ let final; final = val.replace( "px", "" ) .trim(); final = parseInt( final ); return final; }, /* * for generat an operation * with the param's level */ pickIn = ( pow, interval ) => { /* * for generete a number * between 0 and 10 */ let number = Math.round( Math.random() * pow ), index = interval.indexOf( number ); if ( index != -1 ) { return number; } else{ return pickIn( pow, interval ); } }, pick = ( pow ) => { /* * for generete a number * between 0 and 10 */ let number = Math.round( Math.random() * pow ); return number; }, IsInPick = ( pow, interval ) => { /* * for generete a number * between 0 and 10 */ let number = Math.round( Math.random() * pow ); let index = interval.indexOf( number ); if ( index != -1 ) { return true; } else{ return false; } }, sortProbabilityBy = async ( level, int, length ) => { /* * this functions create * some possibility and return * them in an array. * this function is use * when the response type * a clickable button */ length--; let steps = null, result = [], already = false, hazard = pick( 10 ), getNumber = ( int ) => { if ( int == 0 ) { int = 10; } else if ( int < 7 ) { int *= 9; } let num = pick( int ); if ( num != 0 ) { return num; } else{ return getNumber( int ); } }, getProposition = async () => { let fun = async () => { let final, mode = getNumber( int ); if ( IsInPick( 10, [ 1, 5, 4, 6, 8, 0 ] ) ) { final = int + mode; } else{ final = int - mode; } if ( final == int || result.indexOf( final ) != -1 ) { return await getProposition(); } return final; }; return await fun(); }; for( let i = 0; i < length; i++ ){ if ( !already && IsInPick( 10, [ hazard, 5, 3, 7 ] ) ) { result.push( int ); already = true; } result.push( await getProposition() ); } if ( !already ) { result.push( int ); } return result; }, GenerateQuestion = async ( level, length ) => { /* * this function create * a question * in first the level is enter * then a kind( type ) of question * is selected * after some numbers are * seleted then add to the question * then the function return the * result */ let types = { "0" : { text: "$-$/$", n: 3 }, "1" : { text: "($+$)/$", n: 3 }, "2" : { text: "($-$)*$", n: 3 }, "3" : { text: "($/$)*$", n: 3 }, "4" : { text: "($*$)+$", n: 3 }, "5" : { text: "($+$)-$", n: 3 }, "6" : { text: "$-$*$", n: 3 }, "7" : { text: "$/$*$", n: 3 }, "8" : { text: "$-$+$", n: 3 }, "9" : { text: "$/$/$", n: 3 }, "10" : { text: "$/$+$", n: 3 }, "11" : { text: "($/$)*$/$", n: 4 }, "12" : { text: "($*$)+$/$", n: 4 }, "13" : { text: "($-$)*$/$", n: 4 }, "14" : { text: "($+$)/$*$", n: 4 }, "15" : { text: "($/$)/$/$", n: 4 }, "16" : { text: "$*$/$*$", n: 4 }, "17" : { text: "($/$)/$*($+$)", n: 5 }, "18" : { text: "($*$)+$/($/$)", n: 5 }, "19" : { text: "($/$)*$*($-$)", n: 5 }, "20" : { text: "($*$)+$*($/$)", n: 5 }, length: 20 }, operation = [ "*", "/", "+", "-" ]; let n = 0, final = null, testIn = ( time, max, steps, length ) => { let result = null, text = "", int, getInt = () => { let t = 0; t = pick( steps ); if ( t <= max ) { return t; } else{ return getInt(); } }, testTheValidityOf = ( word ) => { let res = eval( word ), toStr = "" + res; if ( toStr.length != length ) { return false; } else if ( isNaN( res ) ) { return false; } else if ( toStr.search( "\\." ) != -1 ) { return false; } else{ return true; } }, createQuestion = ( word, n ) => { let p = 0; while( p < n ){ let number = pick( steps ); word = word.replace( "$", number ); p++; } return word; }; for( let i = 0; i < time; i++ ){ int = getInt(); if ( text != "" ) { text += operation[ pickIn( 10, [ 0, 1, 2, 3 ] ) ] + createQuestion( types[ int ].text, types[ int ].n ); } else{ text += createQuestion( types[ int ].text, types[ int ].n ); } } let test = testTheValidityOf( text ); if ( test ) { return text; } else{ return testIn( time, max, steps, length ); } }; if ( level == 0 ) { n = 1; final = testIn( n, 10, 10, length ); } else if ( level == 1 ) { n = pickIn( 10, [ 1, 2 ] ); final = testIn( n, 16, 50, length ); } else if ( level == 2 ) { n = pickIn( 10, [ 1, 2, 3 ] ); if ( n == 3 ) { final = testIn( n, 10, 30, length ); } else{ final = testIn( n, 16, 80, length ); } } else if ( level == 3 ) { n = pickIn( 10, [ 1, 2, 3 ] ); if ( n == 3 ) { final = testIn( n, 10, 50, length ); } else{ final = testIn( n, 20, 100, length ); } } return final; }, TestGenerator = async ( level ) => { /* * Levels go from 0 * to 3 * permit to generate * a test */ return new Promise( async function ( resolve, reject ) { let typeValue = null, selectedQuestion = null, responseOfquestion = null, lengthOfResponse = null, probablyArray = [], numberOfPossibility; if ( level == 0 ) { lengthOfResponse = pickIn( 10, [ 1, 2 ] ); typeValue = 1; selectedQuestion = await GenerateQuestion( level, lengthOfResponse ); responseOfquestion = eval( selectedQuestion ); numberOfPossibility = pickIn( 10, [ 2, 3 ] ); probablyArray = await sortProbabilityBy( level, responseOfquestion, numberOfPossibility ); } else if ( level == 1 ) { lengthOfResponse = pickIn( 10, [ 1, 2 ] ); typeValue = 1; selectedQuestion = await GenerateQuestion( level, lengthOfResponse ); responseOfquestion = eval( selectedQuestion ); numberOfPossibility = pickIn( 10, [ 2, 3, 4 ] ); probablyArray = await sortProbabilityBy( level, responseOfquestion, numberOfPossibility ); } else if ( level == 2 ) { lengthOfResponse = pickIn( 10, [ 1, 2, 3 ] ); typeValue = 1;//pickIn( 10, [ 1, 2 ] ); selectedQuestion = await GenerateQuestion( level, lengthOfResponse ); responseOfquestion = eval( selectedQuestion ); numberOfPossibility = pickIn( 10, [ 2, 3, 4 ] ); probablyArray = await sortProbabilityBy( level, responseOfquestion, numberOfPossibility ); if ( typeValue == 2 ) { numberOfPossibility = lengthOfResponse; } } else if ( level == 3 ) { lengthOfResponse = pick( 10 ); /* * pour la longueur * de la reponse à * trouver */ if ( lengthOfResponse <= 1 ) { lengthOfResponse = 1; } else if ( lengthOfResponse < 4 ) { lengthOfResponse = 2; } else if ( lengthOfResponse < 8 ) { lengthOfResponse = 3; } else{ lengthOfResponse = 4; } typeValue = 1;//pickIn( 10, [ 1, 2 ] ); selectedQuestion = await GenerateQuestion( level, lengthOfResponse ); responseOfquestion = eval( selectedQuestion ); numberOfPossibility = pickIn( 10, [ 2, 3, 4 ] ); probablyArray = await sortProbabilityBy( level, responseOfquestion, numberOfPossibility ); if ( typeValue == 2 ) { numberOfPossibility = lengthOfResponse; } } resolve( { type: typeValue, question: selectedQuestion, response: responseOfquestion, length: numberOfPossibility, probably: probablyArray } ); } ).then( function ( object ) { return object; } ); }, /* * it look for a node in * a contener by his selector * parent's selector */ searchInNodeFor = ( parentNode, selector ) => { /* * for search all * HTML element with his * class in a page */ let nodes = env.$( `.${selector}` ), arr = Array.from( nodes ); for( let element of arr ){ if ( element instanceof Element ) { if ( element.parentNode == parentNode ) { return element; } } } }, searchAllInNodeFor = ( parentNode, selector ) => { /* * for search all * HTML elements * who have the same * class in a page */ let nodes = env.$( `.${selector}` ), arr = Array.from( nodes ), result = []; for( let element of arr ){ if ( element instanceof Element ) { if ( element.parentNode == parentNode ) { result.push( element ); } } } return result; }, /* * for the timer */ cursor = ( index ) => { /* * for set the * value of the * progress */ return new Promise( function ( resolve, reject ) { let progressBar = storage.progressBar; progressBar.style.width = "0%"; let i = 0; fx = () => { if ( i > 100 ) { resolve( true ); } if ( storage.hasCursor == `restart${index}` ) { i = 0; if( storage.timer ){ clearTimeout( storage.timer ); storage.timer = false; } storage.spendCursor = true; fx(); return; } if ( storage.hasCursor == `stop${index}` ) { storage.spendCursor = false; resolve( false ); } storage.spendCursor = true; storage.timer = setTimeout( function () { if ( storage.hasCursor == `restart${index}` ){ return; } else if ( storage.hasCursor == `stop${index}` ) { return; } else if ( i > 100 ) { return; } progressBar.style.width = `${i}%`; i++; fx(); }, storage.steps ); }; fx(); } ).then( function ( bool ) { storage.spendCursor = false; return bool; } ); }, startTimer = async ( index ) => { /* * for start * the time counter */ let final = await cursor( index ); if ( final ) { pagination.next( storage.tagetPage ); } }, /* * for the pagination * in th app */ pagination = { init: function ( each, $ ) { /* * for init all * the pagination element */ storage.page = $( '.section-item' ); storage.footer = $( ".footer" ); storage.rounds = $( ".round-item" ); let initPagination = ( node, index ) =>{ let submit = searchInNodeFor( node, "submit" ); storage.to = index; submit.onclick = ( e ) => { pagination.next( node ); if ( storage.hasCursorBool ) { storage.spendCursor = `stop${index}`; } else{ startTimer( index ); } } }; each( Array.from( storage.tests ), function() { let index = toInt( fn.getData( this, "index" ) ); initPagination( this, index-2 ); } ); storage.timeSize = 1000; }, hideFooter: function () { /* * for hide * the footer */ storage.footer.classList.replace( "show", "hide" ); storage.section.style.height = "350px"; }, showFooter: function () { /* * for show the * footer */ storage.footer.classList.replace( "hide", "show" ); storage.section.style.height = "290px"; }, show( node ){ /* * for show an element */ if ( node.classList.contains( "none" ) ) { node.classList.replace( "none", "show" ); } else{ node.classList.replace( "catch", "show" ); } }, hide( node ){ /* ** for hide an node */ if ( node.classList.contains( "view" ) ) { node.classList.replace( "view", "catch" ); } else{ node.classList.replace( "show", "catch" ); } }, set round( index ){ /* * for set * the round incices * to the bottom * of the page */ let arr = Array.from( storage.rounds ); index = index - 2; if( index == 0 ){ let node = arr[ index ]; node.classList.replace( "stroke", "fill" ); } else if( index == 5 ){ let node = arr[ index - 1 ]; node.classList.replace( "fill", "stroke" ); } else if ( index == -1 ) { return; } else{ let previous = arr[ index - 1 ], next = arr[ index ]; if ( previous ) { previous.classList.replace( "fill", "stroke" ); } if ( next ) { next.classList.replace( "stroke", "fill" ); } } }, goTo( index ){ /* * for advance untill and node */ let arr = Array.from( storage.page ); this.round = index; if ( index == 1 || index == 7 ) { this.hideFooter(); this.hide( storage.tagetPage ); this.show( arr[ index - 1 ] ); } else{ this.showFooter(); this.hide( storage.tagetPage ); this.show( arr[ index - 1 ] ); storage.spendingIndex = index-2; startTimer( index-2 ); } storage.tagetPage = arr[ index - 1 ]; }, next( node ){ /* * for show the next * node and hide this one */ let index = toInt( fn.getData( node, "index" ) ) + 1; let arr = Array.from( storage.page ); pagination.round = index; if ( index >= 7 ) { this.hideFooter(); fn.onfinish( storage.resultOfThisPage, index - 2 ); storage.spendCursor = `stop${index-3}`; fn.endGame(); index = arr.indexOf( node ); this.hide( node ); this.show( arr[ index + 1 ] ); } else{ this.showFooter(); index = arr.indexOf( node ); this.hide( node ); fn.onfinish( storage.resultOfThisPage, index ); this.show( arr[ index + 1 ] ); storage.spendingIndex = index-1; storage.spendCursor = `stop${index-1}`; startTimer( index ); } storage.tagetPage = arr[ index + 1 ]; }, start: function () { fn.initAllpages(); this.goTo( 2 ); } }, fn = { getData( node, dataName ){ /* * for get a data * type attribute * of an HTML object */ let attr = `data-${dataName}`; return node.getAttribute( attr ); }, initStorage( $ ){ /* * for init all the elements * of the storage */ storage.start = $( "#start" ); storage.restart = $( "#restart" ); storage.back = $( "#back" ); storage.menuButton = $( "#close-menu" ); storage.levelsButton = $( ".menu-item" ); storage.workspaceIcon = $( ".menu-icon" ); storage.tests = $( ".section-test" ); storage.section = $( ".section" ); storage.progressBar = $( "#progressBar-weight" ); storage.cell = $( '.cell-of-result' ); storage.contentAverage = $( '.cell-of-average' ); storage.tagetPage = $( "#home" ); storage.index = toInt( this.getData( storage.tagetPage, "index" ) ); this.initActions( env.each ); }, initActions( each ){ /* * for init all * the actions */ pagination.init( env.each, env.$ ); storage.start.onclick = () => { pagination.start(); }; storage.restart.onclick = () => { pagination.start(); }; storage.back.onclick = () => { pagination.goTo( 1 ); }; fn.setLevel( storage.levelsButton[ 0 ] ); each( Array.from( storage.levelsButton ), function () { this.onclick = () =>{ fn.setLevel( this ); storage.closeFn(); storage.spendCursor = `stop${storage.spendingIndex}`; storage.spendCursor = false; storage.spendCursor = " "; pagination.goTo( 1 ); }; } ); }, setLevel: function ( node ) { /* * this function is * call when the level * is modifie */ let tab = [ "easy", "intermediate", "normal", "hard" ], level = tab.indexOf( node.id ); storage.levelsButton[ storage.level ].classList.remove( "selected" ); node.classList.add( "selected" ); storage.level = level; storage.initTime(); }, onfinish( responses, index ){ /* * is event * start when a * round is end */ storage.response.push( responses[ 1 ] ); let id, val; if( responses == "" || !responses ) { id = index; val = ""; } else{ id = responses[ 0 ]; val = responses[ 1 ]; } storage.responseMap.set( id, val ); storage.resultOfThisPage = ""; }, initFirstOutput( options, responses, index ) { /* * for the * responses * of the one */ let targetOptions = options, selectedOptions = null; for( let i = 0; i < targetOptions.length; i++ ){ let opt = targetOptions[ i ]; if ( responses.length >= ( i + 1 ) ) { let text = responses[ i ]; opt.style.display = "inline-block"; opt.innerHTML = text; } else{ opt.style.display = "none"; } opt.onclick = function() { if ( selectedOptions ) { selectedOptions.classList.replace( "selected", "unselected" ); } this.classList.replace( "unselected", "selected" ); selectedOptions = this; storage.resultOfThisPage = [ index, toInt( this.innerHTML ) || "" ]; }; } storage.resultOfThisPage = ""; }, initSecondOutput( length, cursor, elements, input, datas, index ){ /* * for the reponses * of type 02 */ input.setAttribute( "max-length", length ); for ( let i = 0; i < elements.length; i++ ) { if ( i >= length ) { elements[ i ].style.display = "none"; } else{ elements[ i ].style.display = "inline-block"; } } let firstElement = elements[ 0 ], keys = "", posCursor = () => { let node = elements[ keys.length ]; if ( keys.length == length ) { node = elements[ keys.length - 1 ]; cursor.style.left = ( node.offsetLeft + toInt( getComputedStyle( node, null ).width ) ) + "px"; } else{ cursor.style.left = node.offsetLeft + "px"; } }, write = ( text ) => { for ( let i = 0; i < datas.length; i++ ) { if( text.length >= ( i + 1 ) ){ datas[ i ].innerHTML = text[ i ]; } else{ datas[ i ].innerHTML = ""; } } }, startInputEvent = () => { input.onkeyup = ( e ) => { let verif = "0123456789"; if ( e.key == "Backspace" ) { keys = keys.substring( 0, keys.length - 1 ); } else if ( keys.length < length && verif.search( e.key ) != -1 ) { keys += e.key; } input.value = ""; write( keys ); posCursor(); storage.resultOfThisPage = [ index, toInt( keys ) || "" ]; }; input.onfocus = function () { cursor.style.display = "inline-block"; posCursor(); }; input.onblur = function () { cursor.style.display = "none"; }; }; write( "" ); startInputEvent(); }, startInterActionsOfPage : async function ( node, $, all, id ) { /* * for add a type * of response */ let question = $( node, "question" ).firstElementChild, output = $( node, "ouput" ), easy = $( output, "easy-ouput" ), hard = $( output, "hard-output" ), options = all( easy, "options" ), contentInput = $( hard, "content-input" ), elements = all( contentInput, "elements" ), cursor = $( contentInput, "cursor" ), contentData = $( contentInput, "content-data" ), datas = env.$( `#${id} .data` ), index = toInt( node.getAttribute( "data-index" ) ) - 1, difficulty = 0; /* * possible object * returned { type: 2, question: "2*2", response: 5, length: 2, probably: [ 1, 4, 6 ] } */ let fn = ( newTest ) => { difficulty = ( ( "" + newTest.response ).length * 0.6 ) + ( 0.5 * storage.level ); storage.difficultyMap.set( index, difficulty ); storage.question.push( newTest.question ); question.innerHTML = newTest.question; storage.questionMap.set( index, newTest.question ); if( newTest.type == 1 ){ easy.style.display = "inline-block"; hard.style.display = "none"; this.initFirstOutput( options, newTest.probably, index ); } else{ easy.style.display = "none"; hard.style.display = "inline-block"; this.initSecondOutput( newTest.length, cursor, elements, contentData, datas, index ); } }; newTest = await TestGenerator( storage.level ); storage.difficultyTime = storage.difficultyMap.get( 1 ); storage.initTime(); fn( newTest ); }, initAllpages() { /* * for give at * each page * a exercise */ storage.questionMap = new Map(); storage.responseMap = new Map(); storage.difficultyMap = new Map(); env.each( storage.tests, function () { fn.startInterActionsOfPage( this, searchInNodeFor, searchAllInNodeFor, this.id ); } ); }, endGame(){ /* * when the * parti is * end */ var responses = storage.response, questions = storage.question, cell = storage.cell, contentAverage = storage.contentAverage, point = 0, levels = [ "Easy", "Intermediate", "Normal", "Hard" ]; for ( let i = 1; i <= 5; i++ ) { let res = storage.responseMap.get( i ), quest = storage.questionMap.get( i ); res = ( isNaN( parseInt( res ) ) ) ? "$" : res; if ( res == eval( quest ) ) { point += 4; cell[ i - 1 ].innerHTML = 'true'; } else{ cell[ i - 1 ].innerHTML = 'false'; } } env.$( "#header-of-result" ).innerHTML = `Level : ${levels[ storage.level ]}`; contentAverage.innerHTML = point + "/20"; storage.response = []; storage.question = []; storage.questionMap = new Map(); storage.responseMap = new Map(); env.each( env.$( '#workspace .section .section-test .ouput .easy-ouput .selected' ), function () { this.classList.replace( "selected", "unselected" ); } ); }, initMenu(){ let closeButton = storage.menuButton, openButton = storage.workspaceIcon, closeFn, openFn; closeFn = () => { /* * for close * the menu */ let width = toInt( getComputedStyle( document.body, null ).width ), menu = env.$( "#menu-space" ), holder = env.$( ".holder" ); if ( width <= 590 ) { if ( menu.classList.contains( "menu-space-open" ) ) { menu.classList.replace( 'menu-space-open', 'menu-space-close' ); holder.classList.replace( 'holder-open', 'holder-close' ); } else{ menu.classList.add( 'menu-space-close' ); holder.classList.add( 'holder-close' ); } } }; openFn = () => { /* * for open * the menu */ let width = toInt( getComputedStyle( document.body, null ).width ), menu = env.$( "#menu-space" ), holder = env.$( ".holder" ); if ( width <= 590 ) { if ( menu.classList.contains( "menu-space-close" ) ) { menu.classList.replace( 'menu-space-close', 'menu-space-open' ); holder.classList.replace( 'holder-close', 'holder-open' ); } else{ menu.classList.add( 'menu-space-open' ); holder.classList.add( 'holder-open' ); } } }; closeButton.onclick = closeFn; openButton.onclick = openFn; env.$( ".holder" ).onclick = closeFn; storage.closeFn = closeFn; storage.openFn = openFn; window.onresize = this.initMenu; } }, final = { init(){ /* * start all the * initFunctions */ fn.initStorage( env.$ ); fn.initMenu(); }, start(){ /* * start all the * app */ this.init(); } }; wn[ "onload" ] = ( e ) => { final.start(); }; } )( window );

Brain Game