JavaScript实现的石头剪刀布游戏源码分享
这个游戏主要设计到两点：
首先是胜负运算
由于石头剪刀布是循环性的
石头 杀 剪子
剪子 杀 布
布 杀 石头
石头 杀 剪子
。。。
根据以上特点找出规律，写出算法即可。
让电脑随机
这点比较容易，前面我有写过文章介绍，不明白的童鞋可以去看看。
随机刷屏
其实这个效果不是游戏的关键性，但为了看起来更加互动，好玩，我就给加上了。这里用到了一个取模算法，根据余数去循环显示即可达到效果。
界面截图
最后上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS写的石头剪子布游戏 - 琼台博客</title>
<style type="text/css">
div{margin:20px auto;padding:10px;border:2px solid #999;width:200px;background:#ffe;}
div#cu{font-weight:bold;font-size:30px;height:40px;color:red;}
div#la{border:none;background:none;display:none;}
span{color:red;font-weight:bold;}
</style>
<script type="text/javascript">
var se = null,time=20,you=0,arr=new Array('石头','抹布','剪子');
function p(n){
you = n;
document.getElementById('you').innerHTML=s(n);
document.getElementById('st').disabled=true;
document.getElementById('mb').disabled=true;
document.getElementById('jz').disabled=true;
document.getElementById('cu').innerHTML = '...';
se = setInterval('t()',50);
}
function agin(){
document.getElementById('st').disabled=false;
document.getElementById('mb').disabled=false;
document.getElementById('jz').disabled=false;
document.getElementById('la').style.display = 'none';
document.getElementById('you').innerHTML = '';
document.getElementById('pc').innerHTML = '';
document.getElementById('cu').innerHTML = '';
document.getElementById('you').innerHTML= '请选择';
}
function bt(){
var pc = Math.floor(Math.random() * 3 + 1);
document.getElementById('pc').innerHTML = s(pc);
var str='';
if(pc==you){
str += '平局';
}else{
var b = pc-you;
if(b>0){
if(b==1){
str += '电脑赢';
}else{
str += '你赢啦';
}
}else{
b = b*-1;
if(b==1){
str += '你赢啦';
}else{
str += '电脑赢';
}
}
}
document.getElementById('la').style.display = 'block';
document.getElementById('cu').innerHTML = str;
}
function t(){
if(time>0){
document.getElementById('pc').innerHTML = arr[time%3];
time--;
}else{
clearInterval(se);
se = null;
time = 20;
bt();
}
}
function s(n){
if(n==1){
return '石头';
}else if(n==2){
return '抹布';
}else{
return '剪子';
}
}
</script>
</head>
<body>
<div>
<p>你出什么？<span id="you">请选择</span></p>
<p><button id="st" onclick="p(1);">石头</button></p>
<p><button id="mb" onclick="p(2);">抹布</button></p>
<p><button id="jz" onclick="p(3);">剪子</button></p>
</div>
<div>
<p>电脑出？</p>
<span style="" id="pc"></span>
</div>
<div id="cu"></div>
<div id="la"><button id="agin" onclick="agin()">再来一次</button></div>
</body>
</html>
-
本文向大家介绍Python实现石头剪刀布游戏，包括了Python实现石头剪刀布游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了一个简单的小游戏，分享给大家。 利用随机函数制作石头剪刀布小游戏 程序只运行一次 每次出拳一次要运行一次，很麻烦，要让程序一直运行 在程序中加个while条件就解决啦 长期玩游戏不利于身心健康，玩游戏要有度 那就默认游戏一开始有三次机会吧，每玩一次减掉一次
-
本文向大家介绍JavaFX实现石头剪刀布小游戏，包括了JavaFX实现石头剪刀布小游戏的使用技巧和注意事项，需要的朋友参考一下 用JavaFX写一个石头剪刀布的小游戏，供大家参考，具体内容如下 课程上布置的作业，其实java很少用来写这种程序的 - GUI界面部分 - 石头剪刀布的逻辑部分 书上教的是JavaFX，其实还有很多方法，书上说AWT和Swing基本上淘汰了，但事实上… 代码 MyJav
-
本文向大家介绍Java实现石头剪刀布小游戏，包括了Java实现石头剪刀布小游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Java实现石头剪刀布的具体代码，供大家参考，具体内容如下 代码： 运行效果： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍Java实现的剪刀石头布游戏示例，包括了Java实现的剪刀石头布游戏示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Java实现的剪刀石头布游戏。分享给大家供大家参考，具体如下： ChoiceAnswer.java Game.java 运行结果： 更多关于java算法相关内容感兴趣的读者可查看本站专题：《Java数据结构与算法教程》、《Java操作DOM节点技巧总结》、《
-
我写了一个“石头、布、剪刀”游戏： 它可以工作，但是，这是很多s，我知道这对于语句时，问题是我不知道如何。 我试着根据输入使用一个返回语句：“返回0代表石头，1代表布，2代表剪刀”，然后使用一个条件来表示“嘿，如果一个玩家返回1，另一个玩家也返回1，那么就把‘平局’放进去，其他可能的结果也一样。”。 我试图将一个数字与结果联系起来：
-
本文向大家介绍用VC++6.0实现石头剪刀布游戏的程序，包括了用VC++6.0实现石头剪刀布游戏的程序的使用技巧和注意事项，需要的朋友参考一下 源程序是从网上看到的， geek_monkey于2015年3月3日修改了bug（输入字符非石头剪刀布都算是玩家赢） 编译环境为VC++6.0 增加“上帝模式”和数据统计，纯属娱乐。 我是C语言初学者，轻喷 以上就是使用vc++实现的石头剪刀布程序的全部代码