----------- android培训、java培训、java学习型技术博客、期待与您交流! ------------
前段时间偶然看到有人问蒙提霍尔问题在的实现,现思考如下:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>蒙提霍尔问题(Monty Hall problem)验证</title>
<style type="text/css">
body, table, td {
font-family: Arial, 宋体;
font-size: 9pt;
text-align: center;
}
span {
color: #3333ff;
}
#cheat {
color: #ffffff;
}
#info {
color: #ff3333;
height: 55px;
}
</style>
</head>
<body>
<p>蒙提霍尔问题(Monty Hall problem)验证<br />
贝特朗箱子悖论(Bertrand's box paradox)<br />
KingJacob<br />
<hr />
<span>下面3张扑克中,仅有一张是红桃A,猜猜是哪张?</span><span id="cheat"></span>
<center>
<table border="0" cellpadding="5">
<tr>
<td><img id="img0" onClick="fn(0)" /></td>
<td><img id="img1" onClick="fn(1)" /></td>
<td><img id="img2" onClick="fn(2)" /></td>
</tr>
<tr>
<td>0号</td>
<td>1号</td>
<td>2号</td>
</tr>
</table>
<span id="info"></span>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td>游戏次数</td>
<td>猜对次数</td>
<td>猜对概率</td>
</tr>
<tr>
<td>坚持选择</td>
<td id="l0">0</td>
<td id="l1">0</td>
<td id="l2">n/a</td>
</tr>
<tr>
<td>改变选择</td>
<td id="h0">0</td>
<td id="h1">0</td>
<td id="h2">n/a</td>
</tr>
</table>
</center>
牌背图案:<input type="radio" name="color" id="blue" checked="checked" onClick="javascript:back='B';reset();" /><label for="blue">蓝色</label>
<input type="radio" name="color" id="red" onClick="javascript:back='R';reset();" /><label for="red">红色</label>
<script type="text/javascript">
var SelFlag, firstSel, str, right, errSel, back = "B";
function reset() { //初始化
right = Math.floor(Math.random() * 3); //随机放置红桃A
cheat.innerText = right; //显示正确选择(作弊)
SelFlag = 1; //选择标志:1表示第一次选择,2表示第二次选择,其余表示一轮游戏结束
errSel = -1; //自动给出的错误选择:0~2分别表示已知的错误为0~2号扑克,-1表示尚未给出(即未进行第一次选择)
info.innerHTML = ""; //清空提示信息
for (var i = 0; i <= 2; i++) { //初始化或恢复图片为未知状态,鼠标指针为手型
eval("img" + i).src = "m_back" + back + ".png";
eval("img" + i).style.cursor = "hand";
}
}
function fn(value) {
if (value == errSel || SelFlag > 2) return; //点击了已经给出的错误选择或一轮游戏已经结束
if (SelFlag == 1) { //第一次选择
if (value == right) //第一次选择正确,随机给出另外两个中的一个
errSel = (value + Math.floor(Math.random() * 2) + 1) % 3; //原有序号加上1或2后模3
else //第一次选择错误,给出另外一个错误的
errSel = 3 - right - value; //3减去正确的序号,再减去已选择的错误的序号
eval("img" + value).src = "m_backSel" + back + ".png"; //显示已选择的扑克背面(包含锁)
eval("img" + errSel).src = "m_clubA.png"; //显示已知错误选择的扑克
eval("img" + errSel).style.cursor = "default"; //改变已知错误选择的鼠标指针为缺省
firstSel = value; //记录第一次选择的值,以判断第二次是否改变了选择
info.innerHTML = "你选择了" + value + "号扑克,已知" + errSel + "号扑克不 是红桃A,是否改变最初的选择?"
SelFlag++; //第一次选择完成,修改标志
}
else { //第二次选择
for (var i = 0; i <= 2; i++) { //逐一显示3张扑克,并将它们的鼠标指针改为缺省
i == right ? eval("img" + i).src = "m_heartA.png" : eval("img" + i).src = "m_clubA.png";
eval("img" + i).style.cursor = "default";
}
var t = (firstSel == value) ? "l" : "h"; //判断第二次是否改变了选择,用以进行统计
eval(t + 0).innerText = parseInt(eval(t + 0).innerText) + 1; //统计总次数
if (value == right) { //猜对
eval(t + 1).innerText = parseInt(eval(t + 1).innerText) + 1; //统计猜对次数
str = "很幸运,你猜对了!" + (firstSel == value ? "矢志不渝!" : "通权达变!");
}
else //猜错
str = "很遗憾,你猜错了!" + (firstSel == value ? "执迷不悟!" : "朝秦暮楚!");
eval(t + 2).innerText = Math.round(parseInt(eval(t + 1).innerText) / parseInt(eval(t + 0).innerText) * 10000) / 100 + "%"; //统计猜对概率(保留2位小数)
info.innerHTML = str + "<br /><br /><input type='button' value='再猜一次' οnclick='reset()' />";
SelFlag++; //第二次选择完成,修改标志
}
}
reset(); //初始化
</script>
</body>
</html>