<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<div style="width: auto; height: 50px">
<input value="12" id="v1" style="float: left;">
<button onclick="q1()" style="float: left;" >测定年龄区间</button>
</div>
</head>
<body>
<script>
var v1=document.getElementById('v1')
var a1=document.getElementById('a1')
var v2=document.getElementById('v2')
var a2=document.getElementById('a2')
var a3=document.getElementById('a3')
function q1(){
console.log(v1.value)
n1=v1.value
if(n1<14){
a1.innerHTML='儿童'
}else if(14<=n1&&n1<24){
a1.innerHTML='青少年'
}
else if(24<=n1&&n1<40){
a1.innerHTML='青年'
}
else if(40<=n1&&n1<60){
a1.innerHTML='中年'
}else {
a1.innerHTML='中老年'
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Factorial Sum Calculator</title>
</head>
<body>
<input type="number" id="numberInput" placeholder="Enter a number">
<button onclick="calculateFactorialSum()">累加求和</button>
<p id="result"></p >
<script>
function factorial(n) {
if (n === 0 || n === 1) {
return 1;
} else {
return n * factorial(n - 1);
}
}
function calculateFactorialSum() {
var n = document.getElementById('numberInput').value;
if (n < 1 || isNaN(n)) {
alert('Please enter a positive integer');
return;
}
n = parseInt(n);
var sum = 0;
for (var i = 1; i <= n; i++) {
sum += factorial(i);
}
document.getElementById('result').textContent = 'The sum of factorials is: ' + sum;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Find Numbers</title>
</head>
<body>
<p>满足条件的三位数列表:</p >
<ul id="numbersList"></ul>
<script>
// 定义函数找出满足条件的三位数
function findNumbers() {
var numbers = [];
for (var i = 100; i <= 999; i++) {
if (i % 4 === 2 && i % 7 === 3 && i % 9 === 5) {
numbers.push(i);
}
}
return numbers;
}
// 调用函数并输出结果
document.getElementById('numbersList').innerHTML = findNumbers().map(function(number) {
return "<li>" + number + "</li>";
}).join('');
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
#content{
margin: auto;
width: 260px;
height: 66px;
}
#hour,#minute,#second{
width: 50px;
height: 50px;
background-color: black;
margin: 10px;
text-align: center;
line-height: 50px;
font-size: 20px;
float: left;
color: white;
}
.fgf{
width: 10px;
height: 50px;
font-size: larger;
font-weight: 800;
line-height: 65px;
float: left;
}
</style>
</head>
<body>
<div id="content">
<div id="hour"></div>
<div class="fgf">:</div>
<div id="minute"></div>
<div class="fgf">:</div>
<div id="second"></div>
</div>
<script type="text/javascript">
var getDivH=document.getElementById("hour");
var getDivM=document.getElementById("minute");
var getDivS=document.getElementById("second");
function getHms(){
var nowTime=new Date();
var getH=nowTime.getHours();
var getM=nowTime.getMinutes();
var getS=nowTime.getSeconds();
getDivH.innerHTML=getH;
getDivM.innerHTML=getM;
getDivS.innerHTML=getS;
}
setInterval(getHms,1000);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div></div>
<script type="text/javascript">
// var jishiTitle=prompt("请输入您的计时标题");
var jishiDate=prompt("请输入一个今天往后的日期,例如“2024-10-1");
function calculat(){
var jsDay=new Date(jishiDate);
var nowDay=new Date();
var jD=jsDay.getTime();
var nD=nowDay.getTime();
var leftSeconds=(jD-nD)/1000;
var daysLeft=Math.floor(leftSeconds/3600/24);
var hoursLeft=Math.floor(leftSeconds/60/60%24);
var minutesLeft=Math.floor(leftSeconds/60%60)
var secondsLeft=Math.floor(leftSeconds%60);
var getDiv=document.getElementsByTagName("div")[0];
getDiv.innerHTML= `距离“10月1日”假期还有${daysLeft}天${hoursLeft}小时${minutesLeft}分钟${secondsLeft}秒!`;
}
setInterval(calculat,1000);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
#content{
width: 600px;
height: 400px;
margin: 50px auto;
position: relative;
}
img{
width: 600px;
height: 400px;
}
#left,#right{
width: 50px;
height: 50px;
font-size:45px ;
font-weight:bolder;
line-height: 400px;
margin: 10px;
opacity: 0.5;
position: absolute;
top: -20px;
}
#right{
right: 0px;
}
#left{
float: left;
}
#content a:hover{
opacity: 1;
color:red;
}
ul{
margin: 0;
padding: 0;
position: absolute;
bottom: 10px;
right: 10px;
}
li{
display: inline-block;
}
#content .item,#content .active{ width: 15px;height: 15px;cursor: pointer;border-radius: 15px;margin: 1px 1px 1px 8px;}
#content .item{background:lightseagreen;}
#content .active,#content li:hover{background: #F60;}
</style>
<script type="text/javascript">
window.onload=function(){
var oDiv=document.getElementById('content');
var oImg=document.getElementsByTagName('img')[0];
var left=document.getElementById("left");
var right=document.getElementById('right');
var oUl=document.getElementsByTagName('ul')[0];
var aLi=document.getElementsByTagName('li');
var imgUrl=['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg','7.jpg','8.jpg','9.jpg','10.jpg',];
var num=0;
var timer=null;
for(var i=0;i<imgUrl.length;i++){
oUl.innerHTML+="<li class='item'></li>";
}
function fnTab(){
oIm
2023级软件2班孙雅倩202391880233(4).zip
需积分: 0 121 浏览量
2024-05-15
18:25:57
上传
评论
收藏 3.1MB ZIP 举报
2301_81435929
- 粉丝: 0
- 资源: 1
最新资源
- global,nonlocal,json和python的类的介绍
- DELL EMC POWEREDGE R440 BIOS 2.10.2 编程器备份
- IMG_20240529_122750.jpg
- 基于Java的职工工资管理系统设计源码 - salary management system
- 张律师〈人民路街道)-2405291432.awb
- Editplus 4GL Progress 高亮配色方案
- 回调函数的定义和应用场景
- meta-llama-3-8b-instruct 的 model-00002-of-00004.safetensors 的3/3
- 基于Javascript和微信小程序的CC校友名片小程序设计源码 - CC校友名片小程序
- docker-ce-cli-18.09.6-3.el7.x86-64.rpm
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈