switch语法用法

1 .switch 语法用法

switch 语句用于基于不同的条件来执行不同的动作。

语法:

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

用法:通过变量来实现不同的条件

在这里插入图片描述

2.剪刀石头布

通过对if和switch的结合运用可以实现简单的石头剪刀布游戏

2.1 页面

首先要先规划好页面的整体布局,下图是代码完善后的样子,可以以下图为参考

在这里插入图片描述

2.2 变量

通过页面的布局来设置变量,比如用户选择,电脑的随机出招和总局数,下图是我的完整变量设置

在这里插入图片描述

2.3处理用户出招

变量设置完成之后就可以来设置用户的选择判定,通过分组和单选(Radio)的属性和对变量的赋值来完成对用户选择的判定,在通过对整体的宽高和分布方式( justifyContent )来美化布局

代码展示如下:

在这里插入图片描述

2.4电脑出招

电脑的出招顺序不能是固定的,可以通过随机数与变量的绑定来实现,判定就可以使用switch来实现.

在这里插入图片描述

2.5胜负判定

在用户和电脑的出招判定都完成后就可以来判定两者之间的胜负,并且电脑必须在用户选择完后再开始随机选择,这就需要通过if…else来实现了.

具体如下

在这里插入图片描述

2.6数据统计

数据统计就可以通过每局输赢对对应的变量+1就可以实现

在这里插入图片描述

2.7 重新开始

可以通过对对应按钮的点击重置变量(清除变量的数据)来实现,

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值