html 投骰子比输赢,并可以清空文本内容

最新推荐文章于 2024-11-08 10:53:54 发布

qq_4027

最新推荐文章于 2024-11-08 10:53:54 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏：网页

本文链接：https://blog.youkuaiyun.com/qq_40143811/article/details/78210519

网页专栏收录该内容

33 篇文章

订阅专栏

这是一个简单的网页版随机骰子游戏，通过JavaScript实现两个玩家掷骰子的功能，并判断胜负。使用Math.random()生成1到6之间的随机整数来模拟掷骰子的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script src="jquery-2.1.0.js"></script>
<body>
张三的骰子 <input type="text" id="a"/><br /><br />
李四的骰子 <input type="text" id="b"/><br />
<p style="margin-left:30px">获胜者 <input type="text" id="c"/></p>
<input type="button" value="随机" onclick="butt()"/>
<input type="button" value="不玩了" onclick="bwl()" style="margin-left:140px"/>
<script>
    function butt(){
        var a = document.getElementById('a').value=(Math.random()*(6-1)+1).toFixed(0);
       var b = document.getElementById('b').value=(Math.random()*(6-1)+1).toFixed(0);
       if(a>b){
           $(function(){
               $("#c").val("张三");
               });
           }else if(a<b){
               $("#c").val("李四");
           }else{
               $("#c").val("平局");
           }
    }

   function bwl(){
       $("#a,#b,#c").val("");
   }

</script>

</body>
</html>