怎么用js做倒三角，给跪了

为什么这样实现不了这样倒三角的效果，而是10行10列的三角啊。
是我代码有问题吗？
求大神们给点指！

for(var i=0;i<10;i++){
  let str = ''
  for(var j=10;j>i;j--){
    str+="*"
  }
  console.log(str)
}

<script type="text/javascript">
        var str="";
        for(var i=10;i>=1;i--){
            
            for(var j = 1;j<=i;j++){
                str+= "★";
            }
            str+="<br>";
        }
        document.writeln(str);
    </script>