![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript小作业
利用JavaScript完成小项目
酷爱码
点点关注点点赞收藏不迷路
展开
-
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。原创 2024-07-04 23:37:57 · 166 阅读 · 0 评论 -
html css js 开发一个猜数字游戏
将上述代码保存为HTML、CSS和JS文件,并在浏览器中打开HTML文件,即可开始玩猜数字游戏。用户输入一个1到100之间的整数,点击"猜"按钮,程序会给出相应的提示信息,直到猜测正确为止。原创 2024-01-19 07:25:11 · 1927 阅读 · 0 评论 -
JavaScript保留两位小数,自动补零
传来的数值或字符串,转换为浮点数。然后将小数点向右移动两位小数,再利用Math.round()方法进行四舍五入计算,最后除以100,这样实现保留两位小数。var value = Math . round( parseFloat(num) * 100 ) / 100;去掉逗号,将数值存到数组中var arrayNum = value. toString() . split(".");根据数组长度来判断,如果长度为1,则将数字拼接”.00”if ( arrayNum. le..原创 2021-02-20 23:03:14 · 6242 阅读 · 0 评论 -
JavaScript实现点击指定选项文字变红其他选项文字不变色
点击哪个h1标签让哪个字体变成红色(使用this)代码如下<body><h1 onclick="z(this)">张三</h1><h1 onclick="q(this)">李四</h1><h1 onclick="r(this)">王五</h1></body><script> function z(z) { z.style.color="red";.原创 2020-12-30 11:08:14 · 2417 阅读 · 0 评论 -
JavaScript点击图片加上红色边框
1.点击图片,为图片增加一个边框<body><img type="image" src="cankao/0.jpg" style="width: 400px;"></body><script> var a=document.querySelector("img"); a.onclick=function (ev) { a.style.border="solid 4px red"; }...原创 2020-12-29 23:00:17 · 2714 阅读 · 0 评论 -
JavaScript实现倒计时跳转到指定页面代码
时间显示动态倒计时,0的时候自动跳转到指定页面代码如下<body><p>倒计时<span>5</span>秒跳转到主页面...</p></body><script> var i=5; setInterval(function () { var a=document.querySelector("span"); i--; .原创 2020-12-29 22:47:32 · 683 阅读 · 0 评论 -
JavaScript实现随机抽奖代码
点击开始抽奖,然后设定人员开始不定的改变,直到点击停止为止代码如下<div class="div"> <h2>Who?</h2> <img src="cankao/start.jpg" width="100" id="q"> <img src="cankao/end.jpg" width="100" id="p"></div></body><script> var u原创 2020-12-29 22:34:54 · 2660 阅读 · 1 评论 -
JavaScript实现自动轮播特效
JavaScript实现自动轮播特效,设置2秒切换一张图片,代码如下<body><img src="cankao/0.jpg" width="600"/></body><script> var i=0; setInterval(function() { i++; if(i==6){ i=0; } var a=document.querySelec原创 2020-12-29 21:21:23 · 226 阅读 · 0 评论 -
JavaScript实现注册表单校验功能
如图,要求输入用户名失去焦点后用户名不得为空或者小于6个字符,否则就显示提示,密码同理,第二个确认密码只需判断与上一个密码框输入是否一致即可,否则显示两次密码输入不一致,在没有完成校验点击提交按钮跳转不要,都满足校验方可跳转提交,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单校验</title></..原创 2020-12-29 19:29:43 · 1416 阅读 · 0 评论 -
javaScript实现级联下拉列表
javaScript实现级联下拉列表代码如下 <head><meta charset="UTF-8"> <title>级联下拉</title></head><body><select id="province" onchange="handleChange()"> <option value="0">河南</option> <option valu原创 2020-12-29 19:03:52 · 1042 阅读 · 0 评论 -
JavaScript实现开关灯效果
题目默认是关灯图片,鼠标移动到图片上变成亮灯图片,鼠标离开变回关灯图片。在做成点击图片也可以切换图片移动开关效果代码<body><div align="center"><img src="cankao/bulb_off.png" width="300px" onmouseover="onbulb()" onmouseout="offbulb()"></div><br/></body><script&g.原创 2020-12-29 08:30:02 · 1330 阅读 · 0 评论 -
JavaScript实现点击按钮显示当前时间
显示当前时间,点击按钮,显示当前系统时间代码如下<script> function tim() { var date = new Date();//当前系统时间 var year = date.getFullYear(); var month = date.getMonth(); var de = date.getDate(); var hours = date.getHours(); .原创 2020-12-28 22:46:59 · 5980 阅读 · 13 评论 -
JavaScript实现表单校验代码
表单校验功能,当失去焦点时,如果用户名或密码为空,在其后添加提醒信息 提示:提示信息可以放在span中,颜色通过css样式设置代码如下<body>用户名:<input name="username" type="text" onfocus="handleFocus()" onblur="nameBlur()" onchange="nc()"/><font id="1" color="red"></font><br/&g...原创 2020-12-28 22:44:23 · 460 阅读 · 0 评论 -
JavaScript实现点击按钮切换图片
完成图片切换功能<style> .div{ width: 800px; height: 600px; } .btn{ width: 120px; height: 60px; align-content: center; } .divcss5{margin:0 auto} <...原创 2020-12-28 22:39:28 · 2873 阅读 · 0 评论 -
JavaScript点击事件实现增加一行表格
题目 操作表格,每点击一次添加,就在表格中生成一行代码如下<body><table border="1" cellpadding=""> <thead> <tr> <td>用户名</td> <td>密码</t...原创 2020-12-28 22:35:56 · 4832 阅读 · 0 评论 -
JavaScript点击事件实现不同的下拉选择框内容
select中初始为空,单击河南 按钮时,显示河南省城市信息,单击河北按钮时,显示河北省城市信息:石家庄、保定、承德、邯郸<body><button onclick="henan()">河南</button><button onclick="hebei()">河北</button><br/><select width="80px"> <option></option></原创 2020-12-28 22:33:02 · 676 阅读 · 0 评论 -
编程:定义一个整数类型的数组并存储多个数据,获取数组中的最大值和最小值。(不能使用排序)
编程:定义一个整数类型的数组并存储多个数据,获取数组中的最大值和最小值。(不能使用排序)JavaScript代码如下<script> var a=[1,21,56,34,23,12] var max=a[0]; for (var i=1;i<a.length;i++){ if(max<a[i]){ max=a[i] } } alert('最大值为'+max) var min=a[0]; for原创 2020-12-25 20:48:37 · 1558 阅读 · 0 评论 -
利用JavaScript编程:自定义一个整数数组 a,读入一个整数 n,如果 n 在数组中存在,则输出 n 的下标;如果不存 在,则输出”此整数在数组中不存在”。
编程:自定义一个整数数组 a,读入一个整数 n,如果 n 在数组中存在,则输出 n 的下标;如果不存在,则输出”此整数在数组中不存在”。代码如下<script> var a=[1,21,56,34,23,12] var n=prompt('请输入一个整数') var c=1; for (var i=0;i<a.length;i++) if(n==a[i]){ alert('n的下标为:'+i) c=0;原创 2020-12-25 20:47:30 · 727 阅读 · 0 评论 -
JavaScript如何实现在搜索中忽略变音符号
变音符号是个啥?变音符号是指添加在字母上面的符号,以更改字母的发音或者以区分拼写相似词语。例如汉语拼音字母ü上面的两个小点,或á、à字母上面的标调符。下面来看一个例子const name1 = '\u0041\u006d\u00e9\u006c\u0069\u0065';const name2 = '\u0041\u006d\u0065\u0301\u006c\u0069\u0065';console.log(name1, name2);console.log(name1 ===...原创 2020-12-25 11:06:29 · 139 阅读 · 0 评论 -
js纯代码为网站站点添加雪花飘落效果
今天就是圣诞节了,现在出去街上基本上都有一些圣诞节的气氛前端滑稽上线~贴代码<script type="text/javascript">(function($){ $.fn.snow = function(options){ var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('ϭ原创 2020-12-25 08:48:10 · 551 阅读 · 1 评论 -
编程:计算 1+3+5+...+99 的和。(要求至少两种循环结构实现)
利用JavaScript实现编程:计算 1+3+5+...+99 的和。(要求至少两种循环结构实现)代码如下<script> var a=0; for(var v=1;v<=100;v++){ if(v%2!=0){ a+=v; } continue; } console.info(a); var b=1; v原创 2020-12-24 21:48:22 · 8918 阅读 · 0 评论 -
JavaScript的三种打印方式
第一个就是弹窗打印alert('xxxx');第二个就是页面打印document.write('xxxxx');第三种控制台console打印console.log(); console.info();console.table()等等原创 2020-12-24 21:46:10 · 2718 阅读 · 1 评论 -
利用JavaScript完成编程: 读入一个小于 10 的整数 n,输出它的阶乘 n。
编程: 读入一个小于 10 的整数 n,输出它的阶乘 n。代码如下<script> var v=1; for (var i=1;i<10;i++){ v*=i; } console.log(v);</script>原创 2020-12-24 21:42:56 · 1763 阅读 · 0 评论 -
使用JavaScript完成编程:求 100 以内所有能被 3 整除但不能被 5 整除的数字的和
编程:求 100 以内所有能被 3 整除但不能被 5 整除的数字的和代码如下<script> var a=0; for (var v=1;v<=100;v++){ if(v%3==0&&v%5!=0){ a+=v; } } console.log(a);</script>...原创 2020-12-24 21:41:34 · 3508 阅读 · 0 评论 -
编程:找出四位整数 abcd 中满足 (ab+cd)(ab+cd)=abcd 的数。
利用JavaScript完成小项目,浏览器控制台打印编程:找出四位整数 abcd 中满足 (ab+cd)(ab+cd)=abcd 的数。代码如下<script> for(var n = 32 ; n<=99; n++){ var abcd = n*n; var ab = Math.floor(abcd/100); var cd = abcd%100; if (ab+cd == n)原创 2020-12-24 21:40:09 · 1637 阅读 · 0 评论 -
利用javascript在浏览器控制台打印百钱买百鸡
编程:“百钱买百鸡”是我国古代的著名数学题。题目描述:3 文钱可以买 1 只公鸡,2 文钱可以买一只母鸡,1 文钱可以买 3 只小鸡。用 100 文钱买100 只鸡,那么各有公鸡、母鸡、小鸡多少只?代码如下<script> for(var a=0;a<=33;a++){ for(var b=0;b<=50;b++){ var c=100-a-b; if(100==c/3+2*b+a*3&&原创 2020-12-24 21:34:32 · 183 阅读 · 0 评论 -
利用JavaScript在浏览器控制台打印9*9乘法表
编程:实现输出 99 乘法表。代码如下<script> var str=""; for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ str+= j+"*"+i+"="+j*i+" "; if(i === j){ str += "\n"; } } } console.info(str)原创 2020-12-24 21:12:57 · 1212 阅读 · 0 评论 -
利用JavaScript在浏览器控制台console输出水仙花数
编程:求水仙花数。所谓水仙花数,是指一个三位数 abc,如果满足 a³+b³+c³=abc,则 abc 是水仙花数代码<script> for (var abc=100;abc<=999;abc++){ var a=Math.floor(abc/100); var b=Math.floor(abc%100/10); var c=abc%10; if(abc==a*a*a+b*b*b+c*c*c){原创 2020-12-24 21:08:30 · 396 阅读 · 0 评论