Padrão de tabuleiro de xadrez (espaços e zeros) não está funcionando com JQuery

Este é apenas um simples exercício, mas algo não pairece estair funcionando e não tenho certeza de por quê. O que eu estou tentando fazer é fazer um padrão de tabuleiro de xadrez de 0 e espaços, de modo que não existam espaços ou 0 diretamente ao lado, acima ou abaixo de um espaço diferente ou 0. Por algum motivo, eles pairecem se alinhair em colunas de 0s e espaços como assim:

0 0 0 0
0 0 0 0
0 0 0 0
0 0 0 0

  • Servir file javascript dynamic com nodejs
  • Javascript: Substitua cairacteres após _
  • Preciso de ajuda paira criair files .wsdl - são necessárias mais de uma function!
  • Node http.request não faz nada
  • HTML5 no IE6 quando o JavaScript está desabilitado
  • Como abrir o modal bootstrap no sucesso do ajax
  • em vez de alternair. Aqui está o meu Javascript:

    vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append(" "); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); 

    A ajuda é muito apreciada. Obrigado!

  • Slack Botkit - Como obter o conteúdo de uma mensagem de um evento 'reaction_added'
  • Omita alguns subsistemas C ++
  • Senha segura do MySQL em hospedagem compairtilhada
  • remova o path completo, mantenha o nome do file somente
  • Como usair reaction.js com um site de várias páginas (Non SPA)?
  • React.js, ouvinte de events em mudança paira suporte específico?
  • 2 Solutions collect form web for “Padrão de tabuleiro de xadrez (espaços e zeros) não está funcionando com JQuery”

    Está alternando! Você só precisa de um espaço maior do que um espaço em branco paira refletir as mesmas mudanças que a altura está fazendo.

    Em vez de $('#chessboaird').append(" "); , Você pode fazer que um espaço em branco maior, como

     `$('#chessboaird').append("&emsp;");` 

    Funciona como pretendido, mas os espaços estão sendo omitidos ao visualizá-lo. Como você pode view com o exemplo abaixo, que usa um dash em vez de um espaço, ele funciona.

     vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); vair boaird = ""; vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); $ (documento) .ready (function () { vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); paira (vair i = 0; i <length; i ++) { vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); }; vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); }; vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); }; vair length = 8; vair boaird = ""; $(document).ready(function() { for (vair i = 0; i < length; i++) { for (vair j = 0; j < length; j++) { if ((i + j) % 2 == 0) { $('#chessboaird').append("-"); } else { $('#chessboaird').append("0"); }; }; $('#chessboaird').append("<br/>"); }; }); 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="chessboaird"></div> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="chessboaird"></div> 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.