2048.html
changeset 13 b3bfa9d1b537
parent 12 a9a44cfc3e08
child 14 9b49e710f5a7
equal deleted inserted replaced
12:a9a44cfc3e08 13:b3bfa9d1b537
   118 
   118 
   119     var boardDom = document.getElementById("board");
   119     var boardDom = document.getElementById("board");
   120     var ui = {};
   120     var ui = {};
   121     ui.board = {};
   121     ui.board = {};
   122     ui.board.set = function(i, j, val) {
   122     ui.board.set = function(i, j, val) {
   123       boardDom.querySelectorAll("tr")[i].querySelectorAll("td")[j].innerHTML = val;
   123       var dom = boardDom.querySelectorAll("tr")[i].querySelectorAll("td")[j];
       
   124       dom.innerHTML = val;
       
   125       var rgb = 'rgb(255,'+ (255-5*val-2*(val%2)) +','+ (255-10*val-5*((val-1)%2)) +')';
       
   126       dom.style.backgroundColor = rgb;
   124     }
   127     }
   125     ui.board.update = function(brd) {
   128     ui.board.update = function(brd) {
   126       for (var i = 0; i < 4; i++) {
   129       for (var i = 0; i < 4; i++) {
   127         for (var j = 0; j < 4; j++) {
   130         for (var j = 0; j < 4; j++) {
   128           ui.board.set(i, j, (brd[i][j] >= 1) ? brd[i][j] : "");
   131           ui.board.set(i, j, (brd[i][j] >= 1) ? brd[i][j] : "");