JS基础练习题
js
零度碳酸-
“前端小白”求知若渴,日常学习总结
展开
-
JS---函数递归基础练习题
1.创造50个div,要求div是正方形,随机大小,随机在页面的任意位置(1400*720),随机颜色<script> function getRandomColor() { var color="#"; for(var i=0;i<3;i++){ var str=parseInt(Math.random()*25...原创 2019-02-28 10:00:01 · 2861 阅读 · 2 评论 -
五星评论(面向对象)
`faceRed.jsclass FaceRed{constructor(label,parent){//初始化this.faceRed=this.initFaceRed(label,parent);this.spanList=Array.from(this.faceRed.querySelectorAll(".redStar"));this.position=-1;}initFac...原创 2019-04-23 21:40:47 · 183 阅读 · 0 评论 -
小球碰壁(面向对象)+观察者模式
//模板class Ball{constructor(r,parent){this.createBall(r,parent);//传入r与parent后就执行这个createrBallthis.speedX=0;this.speedY=0;}createBall(r,parent){if(this.ball) return this.ball;if(!parent) pare...原创 2019-04-23 21:37:50 · 172 阅读 · 0 评论 -
js---基础案例-电子时钟
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2019-03-04 22:17:12 · 241 阅读 · 0 评论 -
js---基础案例-基础轮播图第一版
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #rollImg{原创 2019-02-28 10:35:37 · 107 阅读 · 0 评论 -
js---基础案例-购物车最基础版
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table {原创 2019-02-28 10:33:05 · 133 阅读 · 0 评论 -
js---基础案例-移动动画
效果图:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/titl原创 2019-02-28 10:26:42 · 182 阅读 · 0 评论 -
js---基础案例-点击按钮放大缩小盒子
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;style&gt; div{原创 2019-02-28 10:23:40 · 4463 阅读 · 0 评论 -
js---基础案例-多选框全选
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2019-02-28 10:22:45 · 192 阅读 · 0 评论 -
js---基础案例-推箱子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2019-02-28 10:21:59 · 362 阅读 · 0 评论 -
js---基础案例-点击按钮控制背景色开关
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id原创 2019-02-28 10:19:05 · 315 阅读 · 0 评论 -
通过文本框输入内容,点击后面按钮,增加li,备忘录 ,每增加一个li,li后面增加超链接,点击超链接删除该li
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> li{ width: 300原创 2019-03-04 22:22:28 · 1462 阅读 · 1 评论 -
表格,点击添加,将表单中的数据添加进入表格最后一行 表格最后一列增加删除按钮,点击按钮,删除当前行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table {原创 2019-03-04 22:21:30 · 3077 阅读 · 0 评论 -
js---函数基础练习题
编写一个函数,计算三个数字的大小,按从小到大顺序输出&lt;script&gt; function order(a,b,c){ var sum; var str; if(a&gt;b){ sum=a; a=b; b=sum; } i...原创 2019-02-24 16:46:13 · 9270 阅读 · 0 评论 -
js---循环语句基础练习题
1、马蜂窝首页轮播图,点击右侧小图切换大图 Title &amp;lt;div id=&quot;div0&quot;&amp;gt;&amp原创 2019-02-24 16:06:50 · 2469 阅读 · 0 评论 -
js---条件语句简单练习题
1.已知两个矩形,宽高分别是200200,400400,甲矩形的坐标是x1,y1.乙矩形的坐标是x2,y2.写出判断条件两个矩形是否相碰撞2.判断一个整数,属于哪个范围:大于0;小于0;等于03.判断一个整数是偶数还是奇数,并输出判断结果4.开发一款软件,根据公式(身高-108)*2=体重,可以有10斤左右的浮动。来观察测试者5.输入年份,计算某一年是否是闰年6.输入数字,显...原创 2019-02-24 15:51:37 · 1904 阅读 · 1 评论 -
JS---数组对象基础练习题
1.随机点名系统<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> var is原创 2019-02-28 10:15:07 · 3144 阅读 · 0 评论 -
JS---数组基础练习题
1.随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么<script> function test(){ var str=""+parseInt(Math.random()*1000000); console.log("随机生成的数:"+str); for(var i in str) con...原创 2019-02-28 10:06:16 · 3594 阅读 · 0 评论 -
面向对象多列无缝轮播图
`banner.jsclass Banner {constructor(picName, parent = document.body, col = 1, width = 640, height = 320, time = 180, speed = 45) {this.bannerAttribute = {_picName: picName,PIC_WIDTH: width, PIC_H...原创 2019-04-23 21:44:28 · 300 阅读 · 0 评论