如何为JavaScript创建此模式

Question

我不知道如何使html模式看起来像这样：

1

2.

3.

.4…

5….

当我习惯这个代码时，结果是这样的：

1.

1.

1.

1.

1.

我该怎么做才能让数字变大，在你往下一排的时候向左移动一个位置？

function question4() {
let input = +document.getElementById('q4').value;
let row = '';
let output = '';
if (input >= 100) {
document.getElementById('output4').innerHTML = 'Error';
} else {
for (let i = 1; i <= input; i++) {
for (let j = input; row.length <= input; j--) {
if (j === i) {
row += j;
} else {
row += '.'
}
}
output += '<p>' + row + '</p>'
}
document.getElementById('output4').innerHTML = output;
}
}
question4();

<div id="output4"></div>
<input id="q4" value="5">

Answer 1

有工作代码

function question4() {
const outputEl = document.getElementById('output4');
const inputEl = document.getElementById('q4');
const value = +inputEl.value;

if (value >= 100) outputEl.innerHTML = 'ERROR';
else {
let output = '';
for(let i = 1; i <= value; i++) {
let row = '';

for(let y = value; y >= 1; y--) {
if(y === i) row += i;
else row += '.';
}

output += '<p>' + row + '</p>';
}

outputEl.innerHTML = output;
}
}
question4();

<div id="output4"></div>
<input id="q4" value="10">