JS代码:
//for循环
<button onclick = " operations()">点击显示九九乘法表</button>
<script>
function operations(){
for(var i = 1;i <10;i++){
for(var j = 1;j<=i,j++){
document.write(i + "*" + j + "="+ i*j + " ");
}
document.write("<br />");j=1;
}
}
</script>
//while循环
<script>
var i = 1;
var j = 1;
while(i<10){
while(j<=i){
document.write(i+"*"+j+"="+i*j+" ");
j++;}
document.write("<br/>");
j = 1;
i++;}
</script>
第一次用了一种很蠢的方法,这里也一起记录一下:
<button οnclick="myFunction()">点击获取九九乘法表</button>
<p id="a1"></p>
<p id="a2"></p>
<p id="a3"></p>
<p id="a4"></p>
<p id="a5"></p>
<p id="a6"></p>
<p id="a7"></p>
<p id="a8"></p>
<p id="a9"></p>
<script>
function myFunction(){
var x='',i=1;
while(i<2){x=x+i+"*1=" + 1*i + "<br>"; i++}
document.getElementById("a1").innerHTML=x;
var x='',i=1;
while(i<3){x=x+i+"*2=" + 2*i + " "; i++}
document.getElementById("a2").innerHTML=x;
var x='',i=1;
while(i<4){x=x+i+"*3=" + 3*i + " "; i++}
document.getElementById("a3").innerHTML=x;
var x='',i=1;
while(i<5){x=x+i+"*4=" + 4*i + " "; i++}
document.getElementById("a4").innerHTML=x;
var x='',i=1;
while(i<6){x=x+i+"*5=" + 5*i + " "; i++}
document.getElementById("a5").innerHTML=x;
var x='',i=1;
while(i<7){x=x+i+"*6=" + 6*i + " "; i++}
document.getElementById("a6").innerHTML=x;
var x='',i=1;
while(i<8){x=x+i+"*7=" + 7*i + " "; i++}
document.getElementById("a7").innerHTML=x;
var x='',i=1;
while(i<9){x=x+i+"*8=" + 8*i + " "; i++}
document.getElementById("a8").innerHTML=x;
var x='',i=1;
while(i<10){x=x+i+"*9=" + 9*i + " "; i++}
document.getElementById("a9").innerHTML=x;
}
</script>