如何更改循环以反转 Javascript 中的方形打印

Question

我正在学习 java 脚本，我目前正在使用 javiscritp 进行测试，我已经完成了这段代码，您可以查看，但我现在不知道如何反转顺序这些立方体是 2 个向上和 1 个向下（在图片中看到我想要的）我知道我需要为循环更改一些东西但是我以任何方式都无法获得我想要的东西。

let Tabela = (function () {
   const dajRed = function (tabela) {
       let red = document.createElement("tr");
       tabela.appendChild(red);
       return red;
   }
   const dajCeliju = function (red, prikazi) {
       let celija = document.createElement("td");
       if (!prikazi) celija.style = "display:none;";
       red.appendChild(celija)
       return celija;
   }
   const crtaj = function (x, y) {
       const body = document.getElementsByTagName("body")[0];
       let tabelaEl = document.createElement("table");
       body.appendChild(tabelaEl);
       for (let i = 0; i < y; i++) {
           let red = dajRed(tabelaEl);
           for (let j = 0; j < x; j++) {
               dajCeliju(red, j < i);
           }
       }
   }
   return {
       crtaj: crtaj
   }
}());
//table.crtaj(3,3)
//i=0 ⍉⍉⍉
//i=1 ⎕⍉⍉
//i=2 ⎕⎕⍉ 
//Tabela.crtaj(8, 8);
let assert = chai.assert;
describe('Tabela', function() {
 describe('crtaj()', function() {
   it('should draw 3 rows when parameter are 2,3', function() {
     Tabela.crtaj(2,3);
     let tabele = document.getElementsByTagName("table");
     let tabela = tabele[tabele.length-1]
     let redovi = tabela.getElementsByTagName("tr");
     assert.equal(redovi.length, 3,"Broj redova treba biti 3");
   });
   it('should draw 2 columns in row 2 when parameter are 2,3', function() {
       Tabela.crtaj(2,3);
       let tabele = document.getElementsByTagName("table");
       let tabela = tabele[tabele.length-1]
       let redovi = tabela.getElementsByTagName("tr");
       let kolone = redovi[2].getElementsByTagName("td");
       let brojPrikazanih = 0;
       for(let i=0;i<kolone.length;i++){
           let stil = window.getComputedStyle(kolone[i])
           if(stil.display!=='none') brojPrikazanih++;
       }
       assert.equal(brojPrikazanih, 2,"Broj kolona treba biti 2");
     });
 });
});

<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="utf-8" />
   <title>Mocha Tests</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
   <style>
   td{
     border: 1px solid black;
     height: 20px;
     width: 20px;
   }
   </style>
 </head>
 <body>
   <div id="ispis"></div>
   <div id="mocha"></div>
 
   <script src="https://unpkg.com/chai/chai.js"></script>
   <script src="https://unpkg.com/mocha/mocha.js"></script>
 
   <script class="mocha-init">
     mocha.setup('bdd');
     mocha.checkLeaks();
   </script>
   <script src="tabela.js"></script>
   <script src="test.js"></script>
   <script class="mocha-exec">
     mocha.run();
   </script>
 </body>
</html>

Answer 1

反转 dajCeliju 中的检查：

if (prikazi) celija.style = "display:none;";

或第二个选项 - 更改参数：

dajCeliju(red, j >= i);

这是你需要的吗？

如何更改循环以反转 Javascript 中的方形打印

How to change the loop to reverse the square print in Javascript

javascript

for-loop

mocha.js