私のJSグリッド作成は動作しません

Question

私の最初の投稿。 誰でもこのグリッドを作成しない理由を教えていただけますか？プロンプトは機能しており、コンソールにエラーはありません。
リンク - >http://codepen.io/Bairdy/pen/ALBzgJ

function grid_reset() { 
    $(".grid").empty(); 
    new_grid(); 
}; 

function new_grid($grid_size) { 
    var $grid_size = prompt("How many squares would you like?"); 
    var size = 500/$grid_size; 
    for (var i = 0; i < all_squares; i++) { 
     $(".grid").append('<div class="square"></div>'); 
    } 
    $(".square").width(size); 
    $(".square").height(size); 

}; 

Answer 1

あなたはこれを考えていましたか？

function new_grid() { 
    var $grid_count = prompt("How many squares would you like?"); 
    var size = 500/$grid_count; 
    for (var i = 0; i < $grid_count; i++) { 
     $(".grid").append('<div class="square"></div>'); 
    } 
    $(".square").width(size); 
    $(".square").height(size); 

};