zoukankan      html  css  js  c++  java
  • javascript while循环

    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="60%;height:40px;font-size:2em" value="" />
    <br /><br />
    <input type="button" onclick="pan()" value="确&nbsp;&nbsp;&nbsp;定" style="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>


    提示:如果您忘记增加条件中所用变量的值,该循环永远不会结束。该可能导致浏览器崩溃。
  • 相关阅读:
    【linux】系统初始化的shell脚本
    【mysql】数据库Schema的优化
    【mysql】使用xtrabackup在线增量备份及恢复数据库
    mysql中日志的配置与分析
    Javascript 计算字符串所占字节数
    Javascript调试利器console的使用
    Javascript中类型的判断
    Javascript中的数据类型知多少
    Javascript中bind()方法的使用与实现
    【mysql】Innodb三大特性之insert buffer
  • 原文地址:https://www.cnblogs.com/smile-dream/p/5813206.html
Copyright © 2011-2022 走看看