JS实现九九乘法表
正常格式乘法表,直接上代码
table {
border: none;
}
td {
border: 1px solid #666;
padding: 5px 10px;
}
document.write('<table>')
for(let row=1; row<=9; row++) {
document.write('<tr>')
for(let column=1; column<=row; column++) {
document.write('<td>' + column + 'x' + row + '=' + column * row + '</td>')
}
document.write('</tr>')
}
document.write('</table>')
结果:
靠右边的乘法表, 代码如下:
document.write('<table>');
for(let row=1; row<=9; row++){
document.write('<tr>');
for(let blank=1; blank<=9-row; blank++) { // 画空单元格
document.write('<td style="border: none"></td>');
}
for(let column=row; column>0; column--) {
document.write('<td>' + column + 'x' + row + '=' + column * row + '</td>')
}
document.write('</tr>');
}
document.write('</table>');
结果:
靠顶部的乘法表 代码如下:
document.write('<table>');
for(let row=9; row>0; row--) {
document.write('<tr>');
for(let column=1; column<=row; column++) {
document.write('<td>' + column + 'x' + row + '=' + column * row + '</td>')
}
document.write('</tr>');
}
document.write('</table>');
结果如下:
右侧顶部乘法表,代码如下:
document.write('<table>');
for(let row=9; row>0; row--) {
document.write('<tr>');
for(let blank=1; blank<=9-row; blank++) { // 画空单元格
document.write('<td style="border: none"></td>');
}
for(let column=row; column>0; column--) {
document.write('<td>' + column + 'x' + row + '=' + column * row + '</td>')
}
document.write('</tr>');
}
document.write('</table>');
结果: