欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實現(xiàn)擲骰子小游戲

 更新時間：2019年10月24日 10:06:35   作者：xy8199  
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)擲骰子小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本篇給大家分享一個很好玩的擲骰子游戲，當(dāng)點擊“擲篩子”按鈕時張三和李四兩人同時擲出篩子，在各自的文本框中會顯示出各自擲出篩子的大小，并且會在第三個文本框中比較出兩人點數(shù)的大小，并顯示出獲勝方，若兩人點數(shù)一樣，會顯示平局。當(dāng)點擊“不玩了”按鈕時，會清空所有文本框中的數(shù)據(jù)，回歸初始。

效果圖：

源碼：

<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>擲骰子游戲</title>
 <script type="text/javascript" src="jquery.1.12.4.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
  $("button:eq(0)").click(function(){
  var num1 = parseInt((Math.random() * 6))+1;
  var num2 = parseInt((Math.random() * 6))+1;

  $("input:eq(0)").val(num1);
  $("input:eq(1)").val(num2);

   if(num1>num2){
   $("input:eq(2)").val("張三");
   }else if(num1<num2){
   $("input:eq(2)").val("李四");
   }else{
   $("input:eq(2)").val("平局");
   }


  });
  $("button:eq(1)").click(function(){
  $("input:eq(0)").val("");
  $("input:eq(1)").val("");
  $("input:eq(2)").val("");
  });
 });

 </script>
</head>
<body>
 <div style="width: 500px;height:500px;margin: auto">
 <div>張三的骰子<input type="text"></div><br>
 <div>李四的骰子<input type="text"></div><br>
 <div style="margin-left: 32px;">獲勝者<input type="text" style="width: 100px"></div><br>
 <button>擲篩子</button>
 <button style="margin-left: 150px">不玩了</button>
 </div>
</body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論