if(x == 557 && y == 533){
  x = 300;
   y = 300;
  };
},1000);

var canvas = document.querySelector("#myCanvas");
var context = canvas.getContext("2d");
var canvasWidth = context.canvas.width, canvasHeight = context.canvas.height;
context.fillStyle = "black";
context.fillRect(0, 0, canvasWidth, canvasHeight);
var x = 300;
var y = 300;
trash();
mrTrumpet();
function trash(){
  var trsh = new Image();
  trsh.src = "trash.png";
  trsh.onload = function(){
    context.drawImage(trsh, 559, 550);
  };
};
function mrTrumpet(){
  var img = new Image();
  img.src = "character.png";
  img.onload = function(){
    context.drawImage(img, x, y);
  };
};
function move(e){
  if(e.keyCode==68){x++};
  if(e.keyCode==65){x--};
  if(e.keyCode==87){y--};
  if(e.keyCode==83){y++};
  canvas.width=canvas.width;
  trash();
  mrTrumpet();
};
setInterval(function(){
  console.log("x = " + x + ", y = " + y);
},1000);
setInterval(function(x, y){
  if(x == 557 && y == 533){
  x = 300;
   y = 300;
  };
},1000);
document.onkeydown = move;