JS Toss函数使用随机数生成器0到1

时间:2015-11-25 13:10:32

标签: javascript

我似乎无法让下面的内容正常工作:

StringRequest= new StringRequest(Request.Method.POST, url,
        new Response.Listener<String>() {
            @Override
            public void onResponse(String response) {

              // Successfull Stuff
            }
        },
        new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {

              Log.d(TAG, "onErrorResponse: " + error.toString());

            }
        }
) {

     @Override
        public String getBodyContentType() {
            return entity.getContentType().getValue();
        }

        @Override
        public byte[] getBody() {
            ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
            try {
                entity.writeTo(outputStream);
            } catch (IOException e) {
                VolleyLog.e("IOException @ " + getClass().getSimpleName());
            }
            return outputStream.toByteArray();
        }


    @Override
    public Map<String, String> getHeaders() throws AuthFailureError {
        Map<String, String> params = new HashMap<String, String>();
        params.put("Content-Type", "application/json");
        params.put("Accept", "application/json");
        params.put("Authorization", oauth.getToken_type() + " " + oauth.getAccess_token());
        return params;
    }
};

/*Generate Queue to line up apply request*/
RequestQueue requestQueue =  VollySingleton.getsInstance().getmRequestQueue();
requestQueue.add(stringRequest);

当它们告诉我“你失去了”时,两个都是头...尾巴的图像是coin0,头是coin1。

1 个答案:

答案 0 :(得分:1)

您需要选择要使用的coinImg,因为querySelectorAll会返回多个元素

此外,您可能只想显示/隐藏正确的硬币(jsfiddle here

var x = Math.round(Math.random()); // x is always 0 or 1
var coins = document.querySelectorAll("#coinA, #coinB");

for (var i = 0; i < coins.length; i++) {
    coins[i].setAttribute('style', 'display: none');
}

var coin = coins[x];
coin.setAttribute('style', 'display: block');

HTML也需要更新

<div id="coinA">
    <p>You Lost</p>
    <img src="images/coin0.png" width="100" height="100" alt="coin">
</div>

<div id="coinB">
    <p>You Win</p>
    <img src="images/coin1.png" width="100" height="100" alt="coin">
</div>