javascript基础题

本文提供了一系列前端编程实例,包括计算1-100间3的倍数之和、动态显示当前时间、创建简易计算器及注册页面并进行输入验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    1. 写一段程序,计算1-100之间所有3的倍数的和                                                                                                

<script >
		var sum=0
		
		for(var i=1;i<101;i++){
			if(i%3==0){
				sum+=i
				
			}
			
		}
		document.write(sum)
		</script>
  1. 在页面上实现一个显示当前时间的动态时钟,效果如下
  2. <span id="show">
    
    		</span>
    		<script>
    			setInterval(function() {
    				var date = new Date()
    				var hours = date.getHours()
    				var minutes = date.getMinutes()
    				var seconds = date.getSeconds()
    
    				var time = "现在是" + hours + "时" + minutes + "分" + seconds + "秒"
    				document.getElementById("show").innerHTML = time
    
    
    
    			}, 1000)
    		</script>

 1.3编写计算器,实现加、减、乘、除。

 

请输入第一个数字:<input type="text" id="a"><br />
		请输入第二个数字:<input type="text" id="b"><br />
		运算符:<input type="button"" name="" id="" value="+" onclick="ca1('+')"/>
			<input type="button"" name="" id="" value="-" onclick="ca1('-')"/>
			<input type="button"" name="" id="" value="*" onclick="ca1('*')"/>
			<input type="button"" name="" id="" value="/"onclick="ca1('/')"/><br />
			运算结果为:<input type="text" id="c"><br />
		<script type="text/javascript">
			function ca1(i){
				var one=document.getElementById("a").value
				var two=document.getElementById("b").value 
				if(isNaN(one)){
					alert("请输入第一个数字")
					result
				}
				if(isNaN(two)){
					alert("请输入第二个数字")
					result
				}
				var result=0
				if(i=="+"){
					result=parseFloat(one)+parseFloat(two)
				}if(i=="-"){
					result=parseFloat(one)-parseFloat(two)
				}if(i=="*"){
					result=parseFloat(one)*parseFloat(two)
				}if(i=="/"){
					result=parseFloat(one)/parseFloat(two)
				}
				document.getElementById("c").value=result
			}
		</script>
  1. 编写注册页面,使用正则表达式完成相关验证,可以使用alert弹出。

 

<h2>欢迎注册**网站</h2>
		<h3>姓名:<input type="text" id="a" placeholder="2-4个中文"/></h3>
		 <h3>密码:<input type="text" id="b" placeholder="至少6个数字必须是字母数字下划线"/></h3>
		<h3>邮箱:<input type="text" id="c" placeholder="单域名邮箱"/></h3>
		<h3>年龄:<input type="text" id="d" placeholder="整数"/></h3>
		<input type="button" id="e" value="验证信息"/>
		<script type="text/javascript">
			document.getElementById("e").onclick=function(){
				var a=/^[\u4e00-\u9fa5]+$/
				var a1=document.getElementById("a").value
				var isa2=a.test(a1)
				if(isa2==false){
					alert("名字格式不正确")
					return
				}
				var b=/^[0-9a-zA-Z_]{6,}$/
				var b1=document.getElementById("b").value
				var isb2=b.test(b1)
				if(isb2==false){
					alert("密码格式不正确")
					return
				}
				var c=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
				var c1=document.getElementById("c").value
				var isc2=c.test(c1)
			
				if(isc2==false){
					alert("邮箱格式不正确")
					return
				}
				var d=/^[0-9]+$/
				var d1=document.getElementById("d").value
				var isd2=d.test(d1)
				if(isd2==false){
					alert("年龄格式不正确")
					return
				}
				if(isa2&&isb2&&isc2&&isd2){
					alert("验证成功")
				}
			}
		</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值