用JavaScript实现铁甲无敌奖门人“开口中”猜数游戏_javascript技巧

《铁甲无敌奖门人》是TVB综艺节目，艺人曾志伟就是其中重要的主持人，节目中有众多好玩又刺激的游戏，其中有一个叫“开口中”的猜数游戏正是本文要实现的功能。游戏规则大致是：首先电脑在1到100内选一个数字作为最终答案（这个答案嘉宾一开始是不知道的），然后嘉宾轮流喊1到100以内的数字，每喊一次，如果不是答案，就把范围缩小到嘉宾喊的那个数，直到有人喊中答案为止，最后喊中答案的人要接受玩游戏，如果游戏过关了，不用罚，否则将要受罚。

网页HTML及JavaScript代码如下，非常简单，都写了注释，感兴趣的就看一下：
代码如下:

1　→　100

0

State:等待开始游戏

问道者博客：http://blog.csdn.net/webflash

TVB综艺《铁甲无敌奖门人》32集视频地址：http://www.tudou.com/programs/view/M4_z5KU0UFA/
“开口中”猜数游戏环节出现在26分钟后
-->

function clsGuessNum()
{
var answer = 0; //初始化答案为0，用于作为判断游戏开始与否的依据，因为实际答案不可能是0
var currentNum = 0;
var currentState = '';
//初始化数字范围边界，1和100是首次猜数的最小和最大边界值
var minNum = 1;
var maxNum = 100;

/**
* 开始游戏
*/
this.start = function()
{
answer = getRand(2, 99); //生成答案并保存，1~100以内的数字（不包括1和100）
$('stateInfo').innerHTML = 'State:等待输入数字';
$('startBtn').setAttribute('disabled', true);
}

/**
* 刷新页面重新开始游戏
*/
this.restart = function()
{
window.location.reload();
//处理Firefox浏览器下刷新页面禁用按钮无法自动激活问题
var btnList = document.getElementsByTagName('input');
for (var i in btnList)
{
try
{
btnList[i].removeAttribute('disabled');
}
catch (e)
{
}
}
}

/**
* 提示答案
*/
this.showHelp = function()
{
//如果游戏还没有开始，不作提示处理
if (answer != 0)
{
var btnList = document.getElementById('numBtnList').getElementsByTagName('input');
btnList[answer - 1].style.color = 'red';
$('helpBtn').setAttribute('disabled', true);
}
else
{
alert('请先开始游戏！');
}
}

/**
* 用户选号处理函数
* @param {Number} num 用户单次所选号码
*/
this.userInput = function(num)
{
//如果游戏还没有开始，直接返回，退出处理
if (answer == 0)
{
alert('请先开始游戏！');
return false;
}

currentNum = num;
//猜中答案
if (num == answer)
{
minNum = maxNum = num;
currentState = '您中奖了:)';
currentNum = '