colorku.user.js

// ==UserScript==
// @name        Colorku
// @namespace   xenotoad.net
// @include     http://show.websudoku.com/
// @version     1
// @grant       none
// ==/UserScript==


var sudokuValues = document.getElementById("cheat").value;
var editMask = document.getElementById("editmask").value;

function getNumFromID(i) {
  return sudokuValues.charAt(parseInt(i.charAt(1)) * 9 + parseInt(i.charAt(2)));
}

function getColor(num) {
  var cl;
  switch(num) {
    case '1': cl = 'red'; break;
    case '2': cl = 'orange'; break;
    case '3': cl = 'yellow'; break;
    case '4': cl = 'green'; break;
    case '5': cl = 'darkgreen'; break;
    case '6': cl = 'lightskyblue'; break;
    case '7': cl = 'blue'; break;
    case '8': cl = 'pink'; break;
    case '9': cl = 'purple'; break;
  }
  return cl;
}

for (var x = 0; x < 9; x++) {
  for(var y = 0; y < 9; y++) {
    var elm = document.getElementById("c" + x + y);
    if(editMask.charAt(y*9 + x) == '0') {
      elm.style.background = getColor(sudokuValues.charAt(y*9+x));
    } else {
      elm.addEventListener("click", function(evt) {evt.target.style.background = getColor(getNumFromID(evt.target.id));}, true);
    }
  }
}