Javascript/rgbコード

const sDiv = document.getElementById("sDiv");
const rRange = document.getElementById("rRange");
const gRange = document.getElementById("gRange");
const bRange = document.getElementById("bRange");
var r = 0;
var g = 0;
var b = 0;
var x = 255;
var y = 255;
var z = 255;
sDiv.style.background = "rgb(" + r + "," + g + "," + b + ")";
sDiv.style.color = "rgb(" + x + "," + y + "," + z + ")";
rRange.addEventListener("mousemove", function(){
  bg();
  cl();
});
gRange.addEventListener("mousemove", function(){
  bg();
  cl();
});
bRange.addEventListener("mousemove", function(){
  bg();
  cl();
});

function bg(){
  sDiv.innerText = "rgb(" + rRange.value + "," + gRange.value + "," + bRange.value + ")";
  r = rRange.value;
  g = gRange.value;
  b = bRange.value;
  sDiv.style.background = "rgb(" + r + "," + g + "," + b + ")";
}
function cl(){
  if(r>200 || g>200 || b>200){
  	x = 0;
  	y = 0;
  	z = 0;
  } else {
  	var x = 255;
	var y = 255;
	var z = 255;
  }
  sDiv.style.color = "rgb(" + x + "," + y + "," + z + ")";
}