Create the memory board game in HTML5 based off this template div memory board background CCC border 999 1px solid width 800px height 540px padding 24px margin 0px auto div memory board div background pink border 000 1px solid width 71px height 71px float left margin 10px padding 20px font size 64px cursor pointer text align center global variable declaration TODO declare array memory array that contains 24 items, 12 pairs (e g A, A, B, B, etc ) TODO declare array memory values with no data TODO declare array memory tile ids with no data TODO declare a variable for keeping tracking of how many tiles are flipped TODO add an anonymous function to the Array object called memory tile shuffle Array prototype memory tile shuffle function() TODO declare variable length set equal to the length of the array TODO declare variable rand TODO declare variable temp TODO loop while the value of length (using predecrement) is greater than 0 while() TODO set variable rand equal to Math floor(Math random() (length 1)) TODO set variable temp equal to this array at index rand TODO set this array index rand equal to this array index length TODO set this array index length equal to temp TODO write function newBoard, no parameters, to reset data for the game function TODO reset variable for tiles flipped to equal 0 TODO create a variable for output set equal to an empty string TODO call anonymous function memory tile shuffle TODO perform a for loop from index 0 to the length of memory array for() TODO concatenate variable output to equal ' ' TODO update the document object, element id called 'memory board', innerHTML so it is equal to the output variable TODO write function memoryFlipTile with parameters tile and val function TODO check if the innerHTML of object tile is equal to and the length of array memory values is less than 2 if() style settings for the background of the tile object tile style background ' FFF' TODO set object tile innerHTML equal to the val parameter TODO check if the length of array memory values equals 0 if() TODO call function push on array memory values passing val as an argument TODO call function push on array memory tile ids passing tile id as an argument TODO check if the length of array memory values equals 1 else if() TODO call function push on array memory values passing val as an argument TODO call function push on array memory tile ids passing tile id as an argument TODO check if memory values index 0 equals memory values index 1 if() TODO update the value of variable tiles flipped to be increased by 2 TODO clear array memory values TODO clear array memory tile ids TODO check to see if the whole board is cleared by comparing the number of tiles flipped being equal to the length of array memory array if() TODO using an alert dialog box inform the user that the board has been cleared and a new board is being generated TODO update object document, id 'memory board', innerHTML to be equal to TODO call function newBoard otherwise else TODO write function flip2Back so it flips the turned over tiles to no longer be visible function Flip the 2 tiles back over TODO declare variable tile 1 set equal to object document, element id memory tile ids, index 0 TODO declare variable tile 1 set equal to object document, element id memory tile ids, index 1 style settings for tile 1 tile 1 style background 'pink' tile 1 innerHTML style settings for tile 2 tile 2 style background 'pink' tile 2 innerHTML TODO clear array memory values TODO clear array memory tile ids TODO call function setTimeout passing arguments function flip2Back and the value 700

Question

Create the memory board game in HTML5 based off this template  div memory board   background  CCC  border  999 1px solid  width 800px  height 540px  padding 24px  margin 0px auto    div memory board   div   background  pink  border  000 1px solid  width 71px  height 71px  float left  margin 10px  padding 20px  font size 64px  cursor pointer  text align center       global variable declaration    TODO declare array  memory array  that contains 24 items, 12 pairs (e g  A, A, B, B, etc   )    TODO declare array  memory values  with no data    TODO declare array  memory tile ids  with no data    TODO declare a variable for keeping tracking of how many tiles are flipped    TODO add an anonymous function to the Array object called memory tile shuffle Array prototype memory tile shuffle   function()      TODO declare variable  length  set equal to the length of the array    TODO declare variable  rand     TODO declare variable  temp     TODO loop while the value of   length (using predecrement) is greater than 0 while()     TODO set variable rand equal to Math floor(Math random()   (length   1))    TODO set variable temp equal to this array at index rand    TODO set this array index rand equal to this array index length    TODO set this array index length equal to temp        TODO write function newBoard, no parameters, to reset data for the game function      TODO reset variable for tiles flipped to equal 0    TODO create a variable for output set equal to an empty string    TODO call anonymous function memory tile shuffle    TODO perform a for loop from index 0 to the length of memory array for()      TODO concatenate variable  output  to equal    ' '      TODO update the document object, element id called 'memory board', innerHTML    so it is equal to the output variable      TODO write function memoryFlipTile with parameters tile and val function      TODO check if the innerHTML of object tile is equal to    and    the length of array memory values is less than 2 if()      style settings for the background of the tile object tile style background   ' FFF'     TODO set object tile innerHTML equal to the val parameter    TODO check if the length of array memory values equals 0 if()      TODO call function push on array memory values passing    val as an argument    TODO call function push on array memory tile ids passing    tile id as an argument      TODO check if the length of array memory values equals 1 else if()      TODO call function push on array memory values passing    val as an argument    TODO call function push on array memory tile ids passing    tile id as an argument    TODO check if memory values index 0 equals memory values index 1 if()      TODO update the value of variable tiles flipped to be increased by 2    TODO clear array memory values    TODO clear array memory tile ids    TODO check to see if the whole board is cleared by    comparing the number of tiles flipped being equal to    the length of array memory array if()      TODO using an alert dialog box inform the user that    the board has been cleared and a new board is    being generated    TODO update object document, id 'memory board', innerHTML    to be equal to       TODO call function newBoard        otherwise else      TODO write function flip2Back so it flips the turned over tiles to    no longer be visible function      Flip the 2 tiles back over    TODO declare variable tile 1 set equal to object document,    element id memory tile ids, index 0    TODO declare variable tile 1 set equal to object document,    element id memory tile ids, index 1    style settings for tile 1 tile 1 style background   'pink'  tile 1 innerHTML          style settings for tile 2 tile 2 style background   'pink'  tile 2 innerHTML          TODO clear array memory values    TODO clear array memory tile ids      TODO call function setTimeout passing arguments function flip2Back    and the value 700

Accepted Answer

The Answer is in the image, click to view ...

Question

Create the memory board game in HTML5 based off this template. div#memory_board { background:#CCC; border:#999 1px solid; width:800px; height:540px; padding:24px; margin:0px auto; } div#memory_board >