使用JS HTML从右向左绘制倒置的右三角形

<div id="triangle"></div>

var triangleDiv = document.getElementById("triangle");
var rows = 5; // 假设绘制5行

for (var i = 0; i < rows; i++) {
  var row = document.createElement("div");
  row.className = "row"; // 可以自定义样式
  triangleDiv.appendChild(row);

  for (var j = 0; j < rows - i; j++) {
    var column = document.createElement("div");
    column.className = "column"; // 可以自定义样式
    row.appendChild(column);
  }
}

.row {
  text-align: right;
}

.column {
  display: inline-block;
  width: 20px; // 可以根据需要调整宽度
  height: 20px; // 可以根据需要调整高度
  background-color: black; // 可以根据需要调整颜色
}