canvas - このキャンバス コードが機能しないのはなぜですか?

Question

私はカーン アカデミーのウェブサイトで乱数発生器をいじっています。これは、コンソールに入力したコードです。そこに ctx がないことはわかっていますが、コードは通常の HTML キャンバスでの作業と非常によく似ています。乱数ジェネレーターが各数値を何回選択したかを示す累積頻度の棒グラフをキャンバスに表示しようとしています。これを行うために、各数値が表示された合計回数を取得し、それをチャートの各バーの高さの変数として使用しようとしています。

    var num_1 = 0;
    var num_2 = 0;
    var num_3 = 0;
    var num_4 = 0;
    var num_5 = 0;
    var num_6 = 0;
    var num_7 = 0;
    var num_8 = 0;
    var num_9 = 0;
    var num_10 = 0;

    var draw = function() {      //the draw function just repeats the stuff inside it every second
    var random_num = random(0,10);

    if(random_num === 1){
        num_1 = num_1 + 1;
    }else if(random_num === 2){
        num_2 = num_2 + 1;
    }else if(random_num === 3){
        num_3 = num_3 + 1;
    }else if(random_num === 4){
        num_4 = num_4 + 1;
    }else if(random_num === 5){
        num_5 = num_5 + 1;
    }else if(random_num === 6){
        num_6 = num_6 + 1;
    }else if(random_num === 7){
        num_7 = num_7 + 1;
    }else if(random_num === 8){
        num_8 = num_8 + 1;
    }else if(random_num === 9){
        num_9 = num_9 + 1;
    }else if(random_num === 10){
        num_10 = num_10 + 1;
    }
    fill(122, 116, 116);
    rect(height, width/10, 20, num_1);
    rect(height, width/9, 20, num_2);
    rect(height, width/8, 20, num_3);
    rect(height, width/7, 20, num_4);
    rect(height, width/6, 20, num_5);
    rect(height, width/5, 20, num_6);
    rect(height, width/4, 20, num_7);
    rect(height, width/3, 20, num_8);
    rect(height, width/2, 20, num_9);
    rect(height, width/1, 20, num_10);
 };