九九乘法表的业务逻辑
此处以打印*
为例。两层for
循环嵌套,第一次外层for
循环打印一颗*
,第二次外层for
循环打印两颗*
,以此类推…结论为内层循环次数和外层循环次数一致。
九九乘法表的两种打印方式
1) 在控制台打印
效果图如下:
代码如下:
<script>
for(var j = 1 ; j <= 9 ; j++) {
var num = '';
for(var i = 1 ; i <= j ; i++) {
num += (i + 'x' + j + '=' + i*j +'\t');
}
console.log(num)
}
</script>
2)在浏览器上输出
效果图如下:
样式代码如下:
<style>
table {
background-color: yellow;
margin: 0 auto ;
}
/* 隔行变色 */
tr:nth-child(2n){
background-color: red;
}
/* 隔行变色 */
tr:nth-child(2n+1){
background-color: green;
}
td {
cursor: pointer;
border: 1px solid #000;
}
tr:nth-child(2n) td:hover {
background-color: rgb(201, 14, 191);
}
tr:nth-child(2n+1) td:hover {
background-color: rgb(26, 211, 224);
}
</style>
js代码如下:
<script>
document.write('<table>');
for(var j = 1 ; j <= 9 ; j++) {
document.write('<tr>');
for(var i = 1 ; i <= j ; i++){
document.write('<td>'+i + 'x' + j + '=' + i*j+'</td>');
}
document.write('</tr>')
}
document.write('</table>');
</script>