Здравствуйте! У меня есть одна серьёзная проблема! JavaScript код не применяется, когда я пишу его для WEB-страницы. При этом я проверил с помощью диалогового окна что js работает. Но для сложных программ он не применяется.

1)Я создал канвас в гипертекстовой разметке:
<canvas id="canv" style="display: block;"> </canvas>

2)Задал стили:
body {
background-color: #333;
}

    #canv {
        position: absolute;
        top: 0;right: 0;bottom: 0;left: 0;
        margin: auto;
        background-color: white;
    }

    3)Хотел нарисовать на нём сетку с помощью JAVA SCRIPT:

    function DCanvas(el)
    {
        const ctx = el.getContext('2d');
        const pixel = 20;

        let is_mouse_down = false;

        canv.width = 500;
        canv.height = 500;

        this.drawLine = function(x1, y1, x2, y2, color = 'gray') {
            ctx.beginPath();
            ctx.strokeStyle = color;
            ctx.lineJoin = 'miter';
            ctx.lineWidth = 1;
            ctx.moveTo(x1, y1);
            ctx.lineTo(x2, y2);
            ctx.stroke();
        }

        this.drawCell = function(x, y, w, h) {
            ctx.fillStyle = 'blue';
            ctx.strokeStyle = 'blue';
            ctx.lineJoin = 'miter';
            ctx.lineWidth = 1;
            ctx.rect(x, y, w, h);
            ctx.fill();
        }

        this.clear = function() {
            ctx.clearRect(0, 0, canv.width, canv.height);
        }

        this.drawGrid = function() {
            const w = canv.width;
            const h = canv.height;
            const p = w / pixel;

            const xStep = w / p;
            const yStep = h / p;

            for( let x = 0; x < w; x += xStep )
            {
                this.drawLine(x, 0, x, h);
            }
            for( let y = 0; y < h; y += yStep )
            {
                this.drawLine(0, y, w, y);
            }
        }

Но ничего не применилось!

Заранее спасибо!