<!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" content="ie=edge">

     <title>九九乘法表</title>

 </head>

 <body>

     <input type="number" id="userinput">

     <input type="button" id="queR" value="确认">

     <table border="1"></table>

     <script>

         function off(num=9){//创建一个函数

             for(let i=1;i<=num;i++){

                 let tr=document.createElement("tr");//创建tr;

                 for(let j=1;j<=i;j++){

                     let td=document.createElement("td")//创建td

                     td.innerHTML+=`${i}*${j}=${i*j}  `;//把i*j=ij的过程赋值给td里面

                     tr.appendChild(td);//把td添加到tr里面

                 }

                 document.querySelector("table").appendChild(tr);//找到table把tr添加到table里面

             }

         }

         queR.onclick=function(){//点击quer的时候里都为空值，在重新赋值；

             document.querySelector("table").innerHTML="";

             off(userinput.value-0);

         }

     </script>

 </body>

 </html>




												


											
九九乘法表，全js编写，放入table表格带入页面渲染出来的更多相关文章
	

    
								
  1. js九九乘法表的应用
		
    <html> <head> <meta charset=utf-8" /> <title>js九九乘法表</title> < ...
    
		
    2. 
						
  2. 记得初学JS时候练个九九乘法表都写的要死要活
		
    还记得当初刚接触JS时候,看到视频中老师写了个九九乘法表,觉得好神奇,可是自己在下面动手写了半天还是有各种问题,甚是懊恼啊.今又看到园子里有关于乘法表的博文,出于对过去的不舍与缅怀,遂重写一遍. &l ...
    
		
    3. 
						
  3. 用Python编写九九乘法表考虑print自动换行问题
		
    编写了一个简单的小程序九九乘法表,代码如下: for i in range(1,10): for j in range(1,i+1): print(" %d*%d=%d" % (j ...
    
		
    4. 
						
  4. JS实现上下左右对称的九九乘法表
		
    JS实现上下左右对称的九九乘法表 css样式 <style> table{ table-layout:fixed; border-collapse:collapse; } td{ padd ...
    
		
    5. 
						
  5. 用JS写九九乘法表
		
    本来JS部分觉得就不是很好,结果经过一个寒假,在家的日子过的太舒适,基本把学的都快忘干净了,今天老师一说九九乘法表,除了脑子里浮现出要满足的条件,其他的都不记得了,赶快整理了一下: <scrip ...
    
		
    6. 
						
  6. python编写九九乘法表代码
		
    打印九九乘法表 代码: #!/usr/bin/env python # -*- coding: UTF-8 -*- # 项目二: # 1.要求:编写九九乘法表 # 2.分析: # 根据九九乘法表的样式 ...
    
		
    7. 
						
  7. 使用VS2017进行Python代码的编写并打印出九九乘法表
		
    我们来盘一盘怎么使用VS2017进行python代码的编写并打印出九九乘法表. 使用Visual Studio 2017进行Python编程不需要太复杂的工作,只需要vs2017安装好对Python的 ...
    
		
    8. 
						
  8. 用js实现打印九九乘法表
		
    用js在打印九九乘法表 思考 在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表 不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的 ...
    
		
    9. 
						
  9. 编写Java程序，使用循环结构打印出九九乘法表
		
    编写Java程序,使用循环结构打印出九九乘法表 效果如下: 实现代码: public class Multiplication99 { public static void main(String[] ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 系统测试用例评审checklist
			
    规则要素内容 使用范围 审查结果 “否”的理由 “免”的理由 规则 建议 是 否 免 规范性规则               用例是否按照公司规定的模板进行编写?  √             用例的 ...
    
			
    2. 
						
  2. 1 python使用networkx或者graphviz，pygraphviz可视化RNN(recursive)中的二叉树
			
    代码地址https://github.com/vijayvee/Recursive-neural-networks-TensorFlow 代码实现的是结构递归神经网络(Recursive NN,注意, ...
    
			
    3. 
						
  3. 如何写一个能在gulp build pipe中任意更改src内容的函数
			
    gulp在前端自动化构建中非常好用,有非常丰富的可以直接拿来使用的plugin,完成我们日常构建工作. 但是万事没有十全十美能够完全满足自己的需求,这时我们就要自己动手写一个小的函数,用于在gulp  ...
    
			
    4. 
						
  4. Linux案例01：eth0网卡异常
			
    一.现象描述 今天在调试两台物理机,做完配置重启主机后,发现一台服务器网络无法ssh连接,通过ILO进去ifconfig发现eth0配置的IP地址等信息丢失,手动重启后,可以ssh连接,但过一段时间, ...
    
			
    5. 
						
  5. #Alpha Scrum4
			
    Alpha Scrum3 牛肉面不要牛肉不要面 Alpha项目冲刺(团队作业5) 各个成员在 Alpha 阶段认领的任务 林志松:音乐网页前端页面编写,博客发布 林书浩.陈远军:界面设计.美化 吴沂章 ...
    
			
    6. 
						
  6. python的进度条实现
			
    进度条最主要的问题就是所有字符全部在同一行,而且可以修改.然而当执行print语句的时候,python会在打印完这个语句的同时,在结尾加上换行‘\n’,这就导致在控制台下一旦被print之后就无法修改 ...
    
			
    7. 
						
  7. BZOJ1079:[SCOI2008]着色方案(DP)
			
    Description 有n个木块排成一行,从左到右依次编号为1~n.你有k种颜色的油漆,其中第i种颜色的油漆足够涂ci个木块. 所有油漆刚好足够涂满所有木块,即c1+c2+...+ck=n.相邻两个 ...
    
			
    8. 
						
  8. [CQOI2017]小Q的表格
			
    题目 神仙题,神仙题 这是一道很适合盯着发呆的题目 看到这个规律 \[ f(a,b)=f(b,a) \] \[ b\times f(a,a+b)=(a+b)\times f(a,b) \] 这也没什么 ...
    
			
    9. 
						
  9. Odoo权限控制
			
    转载请注明原文地址:https://www.cnblogs.com/cnodoo/p/9278734.html 一:Odoo中的权限设置主要有以下5种 1)菜单.报表的访问权限 Odoo可以设置菜单项 ...
    
			
    10. 
						
  10. jmeter接口测试2-断言
			
    接上篇 要想更好的查看接口测试结果,可以添加断言 举一个最简单的响应断言的例子 前提环境:根据接口文档可知,待测试接口返回值1,-1,-2,-3 (1)添加断言 (2)设置断言内容,看响应的内容是否含 ...
    
			
    11.