html中js的遍历
1.使用if - else if - else 语句判断学生成绩，接收用户输入的成绩，提示（优秀，良好，优秀，及格，不及格） 信息.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
请输入你的成绩<input type="text" id="chengji" />
<button onclick="tijiao();">提交</button>
</body>
<script type="text/javascript">
function tijiao(){
var chengji=document.getElementById("chengji").value;{
if(chengji>=80)
alert("您的成绩为优秀");
else if(chengji>=70)
alert("你的成绩为良好");
else if(chengji>60)
alert("您的成绩为及格");
else
alert("您的成绩为不及格");
}
}
</script>
</html>
解释：
输入单个标签，定义最好用id,在按钮框中定义一个函数，在js中用function来定义函数的方法，document。getElementById().value是通过变量的地址和属性来定位变量，此时变量为全局变量。
2.一个0到23的数字，规定0-5为早晨，6-11为上午，12-17为下午，18到23为晚上。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
输入0-23的数字<input type="text" id="shijian" />
<button onclick="tijiao();" >提交</button>
</div>
<script type="text/javascript">
function tijiao(){
var shijian=document.getElementById("shijian").value;{
if(shijian<5)
alert("早晨");
else if(shijian<11)
alert("上午");
else if(shijian<17)
alert("下午");
esle
alert("晚上");
}
}
</script>
</body>
</html>
同第一个问题一样的解决办法
3 已知两个数，如果两个数之间不为倍数关系（即：第一个数不能整除第二个数，并且第二个数也不能整除第一个数），则输出真，否则输出假。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
请输出一个数<input type="text" id="stuNumber" />
<button onclick="tijiao();" >提交</button>
</body>
<script type="text/javascript">
function tijiao(){
var stuNumber=document.getElementById("stuNumber").value;
{
if(stuNumber%3==0)
alert("真");
else
alert("假");
}
}
</script>
</html>
这里通过if-else语句来判断语句的输入值是否符合条件，在输出相应的提示
4. 给一个数，如果该数能够被3整除，输出真，否则输出假
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
请输出一个数<input type="text" id="stuNumber" />
<button onclick="tijiao();" >提交</button>
</body>
<script type="text/javascript">
function tijiao(){
var stuNumber=document.getElementById("stuNumber").value;
{
if(stuNumber%3==0)
alert("真");
else
alert("假");
}
}
</script>
</html>
5.给一个数，判断是奇数还是偶数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
请输出一个数<input type="text" id="stuNumber" />
<button onclick="tijiao();" >提交</button>
</body>
<script type="text/javascript">
function tijiao(){
var stuNumber=document.getElementById("stuNumber").value;
{
if(stuNumber%2==0)
alert("偶数");
else
alert("奇数");
}
}
</script>
</html>
这里js中运用类似c语言中的循环语句来解决奇数和偶数的判断，sum是和函数
6 求1—100奇数的和。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="sumHanshu" />
<button onclick="jiahanshu();">相加</button>
</body>
<script type="text/javascript">
function jiahanshu(){
var sum=0;
for(var i=1 ; i<100;i=i+2){
sum=i+sum;
}
alert("1-100之间的奇数和为"+sum)
}
</script>
</html>
7. 求1+2+3……+1000的和，把和输出，计算每步结果中有多少个最后以8结尾的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="sumHanshu" />
<button onclick="jiahanshu();">1-1000相加</button>
</body>
<script type="text/javascript">
function jiahanshu(){
var sum=0;
var num=0;
for(var i=1 ;i<1000;i++){
sum=i+sum;
if(sum%10==8){
num=num+1
}else{
continue;
}
}
alert("1-1000的和"+sum);
alert("其中以8结尾的是"+num);
}
</script>
</body>
</html>
8. 计算1+2+3……，直到和大于500，程序退出，输出结果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="sumHanshu" />
<button onclick="jiahanshu();">相加</button>
</body>
<script type="text/javascript">
function jiahanshu(){
var sum=0;
var i;
for(var i=1 ; i<100;i++)
{
sum=i+sum;
}
sum0=sum-i
alert("不大于500的最小和"+sum+"此时的数"+i);
}
</script>
</html>
9、写一个方法，判断给定的数字是偶数还是奇数。
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<input type="text" id="number"/>
<button type="button" onclick="dianji();">点击</button>
</div>
<script type="text/javascript">
function dianji(){
var number=document.getElementById("number").value;
{
if(number%2==0)
alert("偶数");
else
alert("奇数");
}
}
</script>
</body>
</html>
10、写一个方法，求两个数的最大公约数和最小公倍数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<input type="text" id="firstNumber" />
<input type="text" id="secondNumber" />
<button type="button" onclick="panduan();" >
判断
</button>
</div>
<script type="text/javascript">
function panduan(){
var firstNumber=document.getElementById("firstNumber").value;
var secondNumber=document.getElementById("secondNumber").value;
{
if(firstNumber>secondNumber)
var i=firstNumber;
var firstNumber=secondNumber;
var secondNumber=i;
var j=firstNumber;
var k=secondNumber;
while(k!=0)
{
i=j%k;
j=k;
k=i;
l=firstNumber*secondNumber/j;
}
alert("最大公约数"+j);
alert("最小公倍数"+l);
}
}
11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
请输入一个五位数<input type="text" id="fiveNumber" />
<button onclick="diandao();">颠倒</button>
<script type="text/javascript">
function diandao(){
fiveNumber=document.getElementById("fiveNumber").value;
if(fiveNumber/10000<=1 || fiveNumber/10000>=10)
alert("您输入的数不为五位数，请重新输入");
else
var number=fiveNumber.split("");
number.reverse();
var number0=number.join("");
alert("您输入的五位数颠倒后是:"+number0);
}
</script>
</body>
</html>
12、写一个方法，求给定的四位整数的各个位数之和。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
请输入一个四位数<input type="text" id="fourNumber" />
<button onclick="tijiao();">提交</button>
<script type="text/javascript">
function tijiao(){
var fourNumber=document.getElementById("fourNumber").value
if(fourNumber/1000<=1||fourNumber/1000>=10)
{
alert("您输入的数不为四位数，请重新输入");
}else{
var arr =fourNumber.split("");
var num1= parseInt(arr[0]) + parseInt(arr[1]) + parseInt(arr[2]) + parseInt(arr[3]);
}
alert("您输入的四位数每位之和为:"+num1);
}
</script>
</body>
</html>
浙公网安备 33010602011771号