jQuery生成隨機數傳遞給if

Question

我正在嘗試在Jquery中創建一個隨機數，我不確定是否需要存儲它來進行下一部分工作，也許你們可以從我的隨機數生成器的第一步開始幫助我。

    $( "#arrowleftup" ).click(function() {
    var number = 1 + Math.floor(Math.random() * 10);
    $('#storenumber').text(number);
    });

當我單擊ID為“ arrowleftup”的圖像時，我想生成一個隨機數，然后將我的數字傳遞給它-

If ('#storenumber' == 8=>){
$('.battle').show();
} else {
die
};

這樣，如果數字為8或更高，它將顯示一個隱藏的div，有人可以在我的代碼中發現錯誤嗎？ 我還需要存儲值以將其傳遞給if語句

JSFiddle- http://jsfiddle.net/7t59E/

謝謝！

Answer 1

演示

嘗試這個，

$(document).ready(function () {
    $("#battle").hide();
    $("#arrowleftup").click(function () {
        var number = 1 + Math.floor(Math.random() * 10);
        $('#storenumber').text(number);
        if (number >= 8) $("#battle").show();
        else $("#battle").hide();

    });
});

Answer 2

無需將結果存儲到dom元素中

你可以通過

$( "#arrowleftup" ).click(function() {
   var number = 1 + Math.floor(Math.random() * 10);
   $('.battle').hide();
   if (number >= 8){
        $('.battle').show();
   }
});

Answer 3

您需要將代碼放入事件處理程序中，以便在生成數字時執行該代碼。 您也可以在那里訪問number變量，而不是從元素文本中獲取它：

$( "#arrowleftup" ).click(function() {
    var number = 1 + Math.floor(Math.random() * 10);
    $('#storenumber').text(number);
    if (number == 8) {
        $('.battle').show();
    } else {
        // do nothing
    }
});

（ 更新了jsfiddle ，還包括.battle元素並加載jQuery庫）

Answer 4

你可以嘗試這樣的事情嗎？

$( "#arrowleftup" ).click(function() {

    $('#storenumber').text(parseInt(Math.random()*10));

    if (parseInt($('#storenumber').text()) > 4) {
        $("#toggleme").show();
    } else {
        $("#toggleme").hide();
    }

});

演示版