`
mywebcode
  • 浏览: 1001364 次
文章分类
社区版块
存档分类
最新评论

JS写怀旧小游戏系列(九)中国象棋

 
阅读更多
           <!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>
<title>中国象棋</title>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/base.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/moveGenerator.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/evaluation.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/searchEngine.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/UI.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/style.css" />
</head>
<body>

<div class='board' id='board'>
   <!-- <table cellspacing='0' cellpadding='0' border='0'>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>-->
</div>
<div class="op">
级别:
<select id="level">
    <option value="1">1级</option>
    <option value="2">2级</option>
    <option value="3">3级</option>
    <option value="4">4级</option>
</select>
  
开局:
<input type="radio" name="start" value="1" id="start_1" checked="">
<label for="start_1">人</label>
<input type="radio" name="start" value="0" id="start_2">
<label for="start_2">机器</label>
  
<input type="button" class="ipt" value="开始下棋" id="btn"/>
<p>注意:3、4两个级别请用IE9以上版本、google chrome、firefox等浏览器进行游戏 </p>
</div>


<script>

var cc = new ChineseChessUI( 'board' );

function start() {
  var levelEls = document.getElementById( 'level' );
  var startEls = document.getElementsByName( 'start' );
  var level;
  var start;
  for (var i = 0; i < 2; i++) {
      if( startEls[ i ].checked ) start = startEls[ i ].value;
  };

  level = levelEls.value;
  cc.start( level, start );
}

document.getElementById( 'btn' ).onclick = start;

</script>  

</body>
</html>
        

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics