记得初学JS时候练个九九乘法表都写的要死要活

还记得当初刚接触JS时候,看到视频中老师写了个九九乘法表,觉得好神奇,可是自己在下面动手写了半天还是有各种问题,甚是懊恼啊。今又看到园子里有关于乘法表的博文,出于对过去的不舍与缅怀,遂重写一遍。

<script>
write(‘<table>‘);
for (var i = 1;i<10;i++) {
  write(‘<tr>‘)
  for (var j =1;j<=i;j++) {
    write(‘<td>‘+j+‘*‘+i+‘=‘+j*i+‘</td>‘);
  }
  write(‘</tr>‘);
}
write(‘</table>‘);
function write(node){
  document.write(node);
}
</script>

虽然目前还算是一个小小白,不过已经比当初好多了。在这里允许我吐个槽,那就是前端的知识太浩瀚了,有点让人看不到边,不过也许这种一直不懈的探索正是前端甚至编程的魅力与灵魂所在呢!

时间: 2024-10-14 15:59:14

记得初学JS时候练个九九乘法表都写的要死要活的相关文章

js流程控制语句--利用双层for循环实现九九乘法表和五角星

js中的流程控制语句:顺序结构 分支结构 循环结构 分支结构:1.if语句 --适用于范围性的判断 语法:if(条件){语句}--如果条件成立 就执行语句           if(条件){语句1}else(){语句2} 如果条件成立 执行语句1,否则执行语句2           if(条件){语句1}else if(){语句2}else(){语句3} 2.三元运算符:只适用于比较简单的判断,可以更加简洁 语法:var 结果=条件?A:B 如果条件满足就是A否则就是B 3.switch....

利用js的for循环实现一个简单的“九九乘法表”

For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算每次的结果,并用 table 使之排列出来. <script type="text/javascript"> document.write('<table border="1">'); //以表格规格打印 for(var i=1;i<=9;

JS实现九九乘法表

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 九九乘法表 </title> 5 <meta charset="UTF-8"> 6 <script typ

用JS写九九乘法表

九九乘法表 <script language=javascript> for(i=1;i<=9;i++){ for(j=1;j<=9;j++){ document.write (i+"*"+j+"="+i*j+" "); if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果这两个数字相同了 那么跳出,另起一行 } } </scr

初学写的九九乘法表

九九乘法表 # _*_ coding: utf-8 _*_ for a in range(1, 10):         print         for b in range(1, a+1):                 print "%d * %d = %d " % (a, b, a*b),

用JS的for循环打印九九乘法表

需要使用两个for循环嵌套,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <body> <script> for (var i =1 ; i <= 9; i++) { for(var j=1; j<=

javascript实现九九乘法表

CSS代码部分: 1 <style type="text/css"> 2 table { 3 width: 800px; 4 height: 300px; 5 border-collapse: collapse; 6 } 7 td{border:1px solid red;} 8 </style> JS代码部分: 1 <script tjpe="teit/javascript"> 2 document.write("&l

JavaScript制作九九乘法表

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>九九乘法表</title> <style type="text/css"> ul,li{ margin: 0; padding: 0; list-style-type: none; } span{ display: inline-block; width: 100p

练习 九九乘法表

HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&qu