用原生js实现一个页面乘法口诀表

今天我自己用js实现了一个页面乘法口诀表(如图)来共享给大家,做的不是很好,如果大家有新的想法可以跟我交流哦. 代码如下: <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script>for(var r=0;r…

用原生js写一个"多动症"的简历预览地址源码地址最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现思路这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果.又好像一个早已经录制好影片,而我们只是坐在放映机前观看. 原理分两个部分页面能看见的不断跳动着的增加的文字,由innerHTML控制页面的布局效果由藏在"背后的"style标签完成想象一下你要往一张网页每间隔0…

原生js实现一个DIV的碰撞反弹运动，并且添加重力效果

继上一篇... 原生js实现一个DIV的碰撞反弹运动,并且添加重力效果关键在于边界检测,以及乘以的系数问题,实现代码并不难,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;} div{height:100px;widt…

原生js实现一个DIV的碰撞反弹运动

原生js实现一个DIV的碰撞反弹运动: 关键在于DIV的边界检测,进而改变运动方向,即可实现碰撞反弹效果. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;} div{height:100px;width:100px;back…

js用for循环实现乘法口诀表

for循环可以打印一个乘法口诀表.需要使用for循环的嵌套 <script> for(var i = 0; i <= 9; i++){ // 外层循环控制行数,外层循环执行一次,内层循环全部执行 for(var j = 1; j <= i; j++){ // 内层循环控制打印的公式 // 第一行一个式子,第二行两个, 第n行n个(直到9)所以j <= i document.write(j + " X " + i + " = " + i*…

JS一些小算术、1加到50、乘法口诀表、买鸡等

//从1加到50 for (var a=1,i=0;a<51; a++) {i=a+i} document.write(i);//1加到50 var num=0; for(var i=1;i<=50;i++){num=num+i;} document.write("1+2+3+...+50="+num); //乘法口诀表for (var i=1;i<10;i++){ for(var j=1;j<=i;j++) { document.write(j+"*…

简单的用js打印乘法口诀表

javascript小程序——用嵌套循环来输出乘法口诀表

在学习javascript过程中,一开始接触循环语句时一般拿乘法口诀表来练手,这里我将自己的练习贴在这里,希望能给和我一样的初学者些许帮助,也希望大神们能够不吝指教. 首先,来看一下乘法口诀表是什么样子的,不要告诉我所有人都记得一清二楚哦! 其次,乘法口诀表是一个表格,有行和列之分,用嵌套循环来输出时不可避免要用到两个参数,用i表示行号,用j表示列号.另外,我们输出时是将整个表格当做一个字符串来看待,所以设置字符串为res.代码如下: var res = “”,i,j: 然后,先对行号进行循环,…

python的乘法口诀表

python的乘法口诀表 python的乘法口诀表用python来写一个脚本,使得这个脚本在运行后自动输出乘法口诀表. pyton的脚本如下: #!/usr/bin/env python #coding:utf-8 """ file: chengfa.py date: 2017-08-24 author:lijian desc: """ for i in range(1,10): for j in range(1,i+1): print &qu…

用列表+for循环生成乘法口诀表

1 # 结合一下列表生成, 准备设计乘法表 2 # numlist = [1,2,3,4,5] 3 # [pow(i,3) for i in numlist] 4 # ## [1, 8, 27, 64, 125] 5 # [[pow(i,2), pow(i,3), pow(i,4) ] for i in numlist] 6 # ## [[1, 1, 1], [4, 8, 16], [9, 27, 81], [16, 64, 256], [25, 125, 625]] 7 ''' 8 乘法口诀表…

【用原生js实现一个页面乘法口诀表】的更多相关文章