算法11 ◉‿◉ 如何输出黑白交替的国际象棋棋盘？

不二如是 · 发表于 2017-5-15 07:15:13

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

程序分析：

用 i 控制行， j 来控制列，根据 i+j 的和的变化来控制输出黑方格，还是白方格。
[/b]

源代码：

游客，如果您要查看本帖隐藏内容请回复

○面试题索引贴●

如果喜欢，请订阅

：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

小人 · 发表于 2017-5-15 10:26:47

不二如是 · 发表于 2017-5-15 21:53:41

小人发表于 2017-5-15 10:26

小人兄弟，不秀一秀代码～

小人 · 发表于 2017-5-16 08:57:52

不二如是发表于 2017-5-15 21:53
小人兄弟，不秀一秀代码～

我本不才
print（“#0#0#0#0”）
print（“0#0#0#0#”）
print（“#0#0#0#0”）
print（“0#0#0#0#”）
print（“#0#0#0#0”）

哈哈哈

sunbocheng · 发表于 2017-8-22 16:01:49

dsa159245 · 发表于 2018-4-29 05:26:57

        window.onload = function(){
                                var str ='';
                                var n=0;
                                for(var i = 0;i<10;i++){
                                        alert('s');
                                        i%2==0?n=0:n=1;
                                        for(var j = 0; j < 10;j++){
                                                 
                                                if((j+n) %2 == 0){
                                                        str += '#';
                                                }else{
                                                        str += "0";
                                                }
                                        }
                                        str += '<br/>';
                                }

                                document.body.innerHTML = str;
                        };

shishao723 · 发表于 2018-5-23 23:33:35

看看

大艾尔 · 发表于 2018-6-12 16:34:31

<!DOCTYPE html>
<html>
 <head>
  <title>棋盘</title>
 </head>
 <body>
 </body>
  <script type="text/javascript">
   var body=document.getElementsByTagName('body')[0];
   for(i=0;i<100;i++){
    var div_parent=document.createElement('div');
    div_parent.className='div';
    body.appendChild(div_parent);
    for(j=0;j<100;j++){
     var div_child=document.createElement('div');
     if(i%2){
      if(j%2){
       div_child.className='black';
      }
      else{
       div_child.className='white';
      }
     }
     else{
      if(j%2){
       div_child.className='white';
      }
      else{
       div_child.className='black';
      }
     }
     div_parent.appendChild(div_child);
    }
   }
  </script>
  <style>
   * {margin:0 auto;padding:0;}
   div.div {width:1000px;height:10px;}
   div.black {width:10px;height:10px;background:black;float:left;}
   div.white {width:10px;height:10px;background:white;float:left;}
  </style>
</html>

忆不俊源 · 发表于 2018-6-21 18:00:15

真的是踏上了一条好路吗

1173419450 · 发表于 2018-7-4 18:47:10

看看

waitforlove · 发表于 2018-9-22 17:42:38

<html>
<head>
        <title>11</title>
        <script type="text/javascript">
                
                window.onload=function(){

                        for(var i=1;i<9;i++){

                                for(var j=1;j<9;j++){
                                        if((i+j)%2==0){
                                                document.write("#");}
                                        else{document.write("O")}
                                        document.write(" ");}
                                document.write("<br>");}
                        }
        </script>
</head>
<body>

</body>
</html>

a211827754 · 发表于 2018-9-23 16:43:13

凌乱大帅比 · 发表于 2018-10-9 11:50:59

for(var j=0;j<10;j++){
        if(j%2 == 0){
                for(var i=1;i<=10;i++){
                        if(i%2 == 0){document.write('0')}else{document.write('#')};
                }
                document.write('</br>')        
        }else{
                for(var i=1;i<=10;i++){
                        if(i%2 == 0){document.write('#')}else{document.write('0')};
                }
                document.write('</br>')        
        }
}

没怎么懂意思，就先这样写吧

快乐小迷糊 · 发表于 2018-10-15 09:14:54

simble · 发表于 2018-10-24 15:36:39

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script>
for(var i=1;i<9;i++){
for(var j=1;j<9;j++){
if((i+j)%2==0){
document.write('0');
}else{
document.write('#');
}
}
document.write('<br/>');
}
</script>
</html>

Azathouth · 发表于 2018-11-5 17:26:03

看看

cupbbboom · 发表于 2018-12-26 11:37:08

        <script>
                function fF() {
                        var rowI = "#";
                        var c = 1;
                        while (true) {

                                for (var i = 1; i < 8; i ++){
                                        if (rowI[0] == "#") {
                                                //i 为 偶, 即该行的奇位
                                                if (i % 2 == 0) {
                                                        rowI += "#";
                                                }else{
                                                        rowI += "O";
                                                }
                                        }
                                        else {
                                                if (i % 2 == 0) {
                                                        rowI += "O";
                                                }else{
                                                        rowI += "#";
                                                }
                                        }
                                }
                                //给下一行第一个元素赋值
                                if (c == 8) {
                                        break;
                                }
                                document.write(rowI + "<br/>");
                                c += 1;
                                if (c % 2 == 0) {
                                        rowI = "O";        
                                }
                                else {
                                        rowI = "#";
                                }
                                
                        }
                }
                fF();
        </script>

coisini · 发表于 2019-3-16 20:59:58

wangdxf · 发表于 2019-4-1 12:46:41

白无痕 · 发表于 2019-4-23 17:32:58

<!DOCTYPE html>
<html>
<head>
        <meta charset="UTF-8">
        <title>国际象棋棋盘</title>
        <style>
                .black {
                        padding: 20px;
                        background-color: black;
                }
                table {
                        border-collapse: collapse;
                        border: 1px solid;
                }
        </style>
</head>
<body>
        
        <script>
                var table = document.createElement("table");
                document.body.appendChild(table);
                for (var i=0 ; i<8 ; i++){
                        var tr = document.createElement("tr");
                        table.appendChild(tr);
                        for (var j=0 ; j<8 ; j++){
                                var td = document.createElement("td");
                                tr.appendChild(td);
                                if ((i+j)%2 == 0){
                                        td.className = "black";
                                }

                        }
                }

        </script>
</body>
</html>

账号		自动登录	找回密码
密码			立即注册

[每日一练] 算法11 ◉‿◉ 如何输出黑白交替的国际象棋棋盘？

马上注册，结交更多好友，享用更多功能^_^