js---函数基础练习题

编写一个函数，计算三个数字的大小，按从小到大顺序输出

<script>
    function  order(a,b,c){
        var sum;
        var str;
        if(a>b){
            sum=a;
            a=b;
            b=sum;
        }
        if(b>c){
            sum=b;
            b=c;
            c=sum;
        }
          if(a>b) {
              sum = a ;
              a = b ;
              b = sum ;
          }
            str= a+"<"+b+"<"+c;
        document.write(str);

    }
    order(5,0,4);
</script>

2．编写生成4位数字验证码的函数，并生成10次，同时将结果打印出来

<script>
    function rand() {
        for(i=0;i<4;i++) {
            document.write(parseInt(Math.random() * 10));
        }
        document.write("<br>")
    }
    function start() {
        for(var i=1;i<11;i++ ){
            rand();
        }
    }
    start();

</script>

3.编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数
比如：计算0-3之间能组成的奇数个是01、21、03、13、23、31

<script>

    function writes(n,m,s) {
        for(var i=n;i<=m;i++){
            document.write(i.toString()+s.toString()+" ");
        }
    }
    function alls(n,m) {
        for(var i=n;i<=m;i++){
            if(i%2===1){
                writes(n,m,i);
            }
        }
    }
    alls(0,3,1);

</script>

4.某个公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，
加密规则如下：每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，
第二位和第三位交换，请编写一个函数，传入原文，输出密文

<script>
    var a=Number(prompt("请输入四位整数"));
    function data() {
        var b, c, d, e;
        b= parseInt(a/1000);
        c= parseInt((a-b*1000)/100);
        d= parseInt((a - b * 1000 - c * 100) / 10);
        e= a-b*1000 - c * 100 - d * 10;
        code(b, c, d, e);
    }
    function code(z,x,n,v) {
        console.log(String((n+5)%10)+String((x+5)%10)+String((z+5)%10)+String((v+5)%10));
    }

    if(!isNaN(a)&& a>999){

        data();
    }
</script>

方法二

function fnGetCode(num) { //num为一个四位数  1236
    var arr = []; //定义一个数组用来存放每一位数的密文
    for (var i = 0; i < 4; i++) {
        arr[i] = num % 10;
        arr[i] = arr[i] + 5;
        arr[i] = arr[i] % 10;
        num = parseInt(num / 10);
    }
    return arr.join("");
}
alert(fnGetCode(1236));

5.求随机颜色，至少用3种方法

1.
<script>
    function getRandomColor() {
        var str="#";
        for(var i=0;i<6;i++){
            str+=parseInt(Math.random()*16).toString(16);
        }
        console.log(str);
    }
    getRandomColor();
    </script>
2.
</script>
<!--<script>
    function getRandomColor() {
        var str="rgb(";
        for(var i=0;i<3;i++){
            str+=parseInt(Math.random()*255)+",";
        }

        str+=")";
        console.log(str);
    }
    getRandomColor();

</script>
3.
<script>
function getRandomColor() {
var color="#";
for(var i=0;i<3;i++){
var str=parseInt(Math.random()*256);
if(str<16){
str="0"+str.toString(16);
}else{
str=str.toString(16);
}
color+=str;
}
console.log(color);
}
getRandomColor();
</script>

6、四个按钮,bn0-(+left),bn1-(+top),bn2-(-left),bn3-(-top),根据点击按钮div移动的改变方向

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div
        {
            width: 100px;
            height: 100px;
            background-color: orange;
            position: absolute;
            left:400px;
            top:400px;
        }
      
    </style>
</head>
<body>
<button id="upBn">上</button>
<button id="downBn">下</button>
<button id="leftBn">左</button>
<button id="rightBn">右</button>
<div id="div0"></div>
    <script>
  var upBn=document.getElementById("upBn");
    var downBn=document.getElementById("downBn");
    var leftBn=document.getElementById("leftBn");
    var rightBn=document.getElementById("rightBn");
    var div=document.getElementById("div0");
    var speed=10;
    div.lefts=400;
    div.tops=400;
    upBn.addEventListener("click",clickHandler);
    downBn.addEventListener("click",clickHandler);
    leftBn.addEventListener("click",clickHandler);
    rightBn.addEventListener("click",clickHandler);
    function clickHandler() {
        switch (this){
            case upBn:
                div.tops-=speed;
                break;
            case downBn:
                div.tops+=speed;
                break;
            case leftBn:
                div.lefts-=speed;
                break;
            case rightBn:
                div.lefts+=speed;
                break;
        }
        div.style.left=div.lefts+"px";
        div.style.top=div.tops+"px";
    }
    </script>
</body>
</html>

7、通过函数创建表格,参数是行和列

<script>

        var row=Number(prompt("请输入行数"));
        var col=Number(prompt("请输入列数"));

    function start() {
        row,col;
       var  str="<table>";
        for(var j=0;j<row;j++){
            str+="<tr>";
            for(var i=0;i<col;i++){
                str+="<td></td>";
            }
            str+="</tr>";
        }
        str+="</table>";
        document.write(str);
    }
 start();
</script>

js---函数基础练习题

猜你喜欢