JQuery遊戲按鈕生成器

Question

我一直在尋找適合我遊戲理念的年齡。我剛剛開始使用JQuery，我想知道如何製作遊戲，點擊一個按鈕然後在不同的位置重新生成。

我所知道的是，我也會製作一個畫布，然後在畫布上生成2個數字，然後將其移動到該位置。

這怎麼辦？

Answer 1

這可以通過操縱應用於按鈕的CSS非常簡單地完成。這裏有一個例子：

的JavaScript：

$(document).ready(function(){ 
    $("#button").on("click", function(){ 
     var widthMax = $(window).width() - $("#button").width(); 
     var heightMax = $(window).height() - $("#button").height(); 

     var randomLeft = Math.random() * (widthMax); 
     var randomTop = Math.random() * (heightMax); 

     $("#button").css("left", randomLeft).css("top", randomTop); 
    }); 
}); 

HTML：

<input type="button" style="position: absolute;" id="button" value="Click Me" />