<!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. Python函数汇总(陆续更新中...)
			
    range的用法 函数原型:range(start, end, scan): 参数含义: start:计数从start开始.默认是从0开始.例如range(5)等价于range(0, 5); end: ...
    
			
    2. 
						
  2. springMVC入门-01
			
    这一系列是在看完网上SpringMVC(基于spring3.0)入门视频之后的个人总结,仅供参考,其中会添加一些个人的见解. 1.搭建SpringMVC所需jar包: org.springframew ...
    
			
    3. 
						
  3. asp.net生成PDF文件（一）
			
    这个是例子是网上淘来的,哈哈,很有用的! 首先要到网上下载itextsharp.dll,然后添加引用,主程序如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1 ...
    
			
    4. 
						
  4. python的逻辑运算符
			
    函数就是特殊的变量(这个变量是不加引号的)  我们 如果直接打印一个函数的名字是直接打印这个函数的内存地址 python的运算符: 首先Python的运算符和其他语言的运算符都是一样的  都有:算数运 ...
    
			
    5. 
						
  5. JQuery学习---JQuery基础知识
			
    JQuery介绍: [官网]http://jquery.com [参考API]http://jquery.cuishifeng.cn/ JQuery的低版本支持IE低版本,JQuery的2版本不太支持 ...
    
			
    6. 
						
  6. rpc、socket、tcp/udp简要梳理
			
    RPC:远程过程调用(分布式.微服务间的方法调用) HTTP:无状态,每次请求都要发送一个request,服务器响应之后就断掉(http header中的keep-alive指的是tcp) TCP:面 ...
    
			
    7. 
						
  7. S/4HANA生产订单增强WORKORDER_UPDATE方法BEFORE_UPDATE参数分析
			
    题目这个增强的输入参数很恐怖,长长的一串: CALL BADI l_badi->BEFORE_UPDATE EXPORTING IT_PIINSTRUCTIONVALUE = IT_PIINST ...
    
			
    8. 
						
  8. 利用cobbler无人值守批量安装centos
			
    准备: 至少两台机器,分别用作cobbler的服务端和安装测试端 准备一个iso的安装文件,最好是4G多的那个dvd包,以前用网易源上那个centos 6.4 x86_64 通过xen安装时就报错:N ...
    
			
    9. 
						
  9. Linux系统之路——如何在服务器用U盘安装CentOS7.2（一）
			
    终于将CentOS7装上服务器(thinkserver250,不得不说联想的太烂了)了,过程无比艰辛,因为我发现网上大家提到的所有U盘安装CentOS7时碰到的问题几乎都被我碰到了,像什么: 1.刻录 ...
    
			
    10. 
						
  10. 理解活在Iphone中的那些App （一）
			
    关于一个app的生命 干IOS开发两年多了,如果把大学中的时间也算上,编程也有六年了.这些时间中,从一个懵懵懂懂的学徒,变成一个还算熟练的码农,也多多少少有一点反思.于是,边促成了理解活在Iphone ...
    
			
    11.