javascript while循环

最新推荐文章于 2025-09-10 14:53:18 发布

weixin_30782331

最新推荐文章于 2025-09-10 14:53:18 发布

阅读量86

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/smile-dream/p/5813206.html

本文介绍了一个使用JavaScript编写的猜拳游戏示例。游戏利用while循环实现玩家与计算机之间的交互，并通过随机数生成计算机的选择。文章提供了完整的HTML和JavaScript代码。

JavaScript While 循环

只要指定条件为 true，循环就可以一直执行代码。

while 循环

While 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
  {
  需要执行的代码
  }
猜拳游戏。

<!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>
<style type="text/css">
body{
background-image:url(%E7%83%9F%E9%9B%A8%E8%83%8C%E6%99%AF.jpg);
background-repeat:no-repeat;
background-size:100% 100%;}
</style>
</head>

<body topmargin="250px" leftmargin="300px">
<input type="text" id="ren" placeholder=" 请输入石头剪刀或布" style="width:60%;height:40px;font-size:2em" value="" />
<br /><br />
<input type="button" onclick="pan()" value="确   定" style="width:60%;height:60px; background-color:#0C0; font-size:2em"/>
</body>
</html>
<script>
function pan()
{
var a=document.getElementById("ren").value;
if(a=="石头")
{
var e=0
}
else if(a=="剪刀")
{
var e=1
}
else if(a=="布")
{
var e=2
}
else
{
alert("您输入的内容有误!")
}
var b=3*Math.random();
var c=parseInt(b);
switch(c)
{
case 0:
var f="石头"
break;
case 1:
var f="剪刀"
break;
case 2:
var f="布"
break;
}
var d=c-e;
switch(d)
{
case 0:
alert("机器出的是"+f+"你出的是"+a+",平局")
break;
case 1:
alert("机器出的是"+f+"你出的是"+a+",你赢了")
break;
case -1:
alert("机器出的是"+f+"你出的是"+a+",你输了")
break;
case -2:
alert("机器出的是"+f+"你出的是"+a+",你赢了")
break;
case 2:
alert("机器出的是"+f+"你出的是"+a+",你输了")
break;
}

}
</script>


提示：如果您忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。

转载于:https://www.cnblogs.com/smile-dream/p/5813206.html