2T
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印</title>
<style>
* { margin:0;
padding: 0;
font-family: " Courier New", Courier, monospace;
font-size: 24px;
}
</style>
</head>
<body>
<script>
let list = ["A", "B", "C", "D", "E"]
// 图1
for (i=0;i<5;i+=1){
for(j=0;j<=i;j+=1){
document.write(list[i])
}
document.write('<br>')
}
// 图2
len = list.length
for (i = 0; i < 5; i += 1) {
for (j = 1; j < len * 2; j++) {
if (j < (len - i)* 2 - 1) {
document.write(` `)
} else {
document.write(list[i])
}
}
document.write('<br>')
}
// 图2
for (i = 0; i < 5; i += 1) {
for(j=0;j<9-(2*i+1);j+=1){
document.write(` `)
}
for (k=0;k<2*i+1;k+=1){
document.write(list[i])
}
document.write('<br>')
}
// 图3 ????????????
len = list.length
for (i=0;i<5;i+=1){
for(j=0;j<= len + i;j+=1){
if (j < len - i) {
document.write(` `)
continue
}
document.write(list[i])
}
document.write('<br>')
}
// 图4
for (let i = 0;i < 5; i += 1){
document.write('<p>')
for(let j = 0;j < i; j +=1){
document.write(' ')
}
for (let j = 5 - i; j > 0; j -= 1){
document.write(list[i] + ' ')
} document.write('</p>')
}
</script>
</body>
</html>