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

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

http://xxx.fishc.com/forum/201705/05/225545py2j222x5z6x55n2.png

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

不许看答案，否则打屁屁



程序分析：
用 i 控制行， j 来控制列，根据 i+j 的和的变化来控制输出黑方格，还是白方格。
       

源代码：
**** Hidden Message *****



○面试题索引贴●
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

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

{:10_249:}{:10_249:}

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

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



小人兄弟，不秀一秀代码～{:10_297:}

小人 发表于 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

{:5_94:}

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');
   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("&nbsp");}
                                document.write("<br>");}
                        }
        </script>
</head>
<body>

</body>
</html>

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

emm

凌乱大帅比 发表于 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>')       
        }
}

没怎么懂意思，就先这样写吧{:10_284:}

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

6

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 == "#") {
                                                //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

hi

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

{:5_102:}

白无痕 发表于 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>
页: [1] 2
查看完整版本: 算法11 ◉‿◉ 如何输出黑白交替的国际象棋棋盘？