stupid javascript error in image filter : So I am making a basic application that adds image filters to images. Here is the code.

    class ImageUtils {

    static getCanvas(w, h) {
        var c = document.querySelector("canvas");
        c.width = w;
        c.height = h;
        return c;
    }

    static getPixels(img) {
        var c = ImageUtils.getCanvas(img.width, img.height);
        var ctx = c.getContext('2d');
        ctx.drawImage(img, 0, 0);
        return ctx.getImageData(0,0,c.width,c.height);
    }

    static putPixels(imageData, w, h) {
        var c = ImageUtils.getCanvas(w, h);
        var ctx = c.getContext('2d');
        ctx.putImageData(imageData, 0, 0);
    }

    }

    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;

    ...

    function makeMoreRed(img, adjustment){

     var pixels = ImageUtils.getPixels(img);
     var length = pixels.data.length;
     var data = pixels.data;

     for(var r = 0; r < length; r += 4) {
      data[r] += adjustment;
     }
     ImageUtils.putPixels(pixels, img.width. img.height);
    }

    ...

    $(document).ready(function() {
     var img = new Image();
     img.src = "img/cat.jpg";
     makeMoreRed(img, 50);
    });

When I launch it with the webpage, Chrome throws this error
[stupid javascript error][1]

This does not make any sense as there is nothing but a semicolon at the end of the function.

Is there any solution on how to resolve this because here you can see that there is no change in the top image (the one that is supposed to be filtered)
[two cat pictures][2]

    
    


  [1]: http://i.stack.imgur.com/Vvum7.png
  [2]: http://i.stack.imgur.com/MRi4m.png