JavaScript简单案列一（最大值、四位数加密、水仙花数、圆面积）

81 阅读 0 评论 54 点赞

我是靠谱客的博主拉长舞蹈，最近开发中收集的这篇文章主要介绍JavaScript简单案列一（最大值、四位数加密、水仙花数、圆面积），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、两个值的比较输出最大值：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           function lian2(){
               var shu=prompt("输入第一个数字：");
               var shu2=prompt("输入第二个数字：");
               if(shu>shu2){
                   alert("最大的数字为："+shu);
               }else{
                   alert("最大的数字为："+shu2);
               }
           }
       </script>
   </head>
   <body>
       <input type="button" value="数字区间判断" οnclick="lian1()" />
   </body>
</html>

效果展示：

二、四位数加密，每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换
<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <input type="text" id="jia" /><button id="jia" οnclick="jiami()">加密</button>
       <script type="text/javascript">
           function jiami(){
               var i=0;
               var a,b,c,d,z;
               var x=document.getElementById("jia").value;
//
               //获取千位数
               var a=parseInt(x/1000)+5%10;
               //获取百位数
               var b=parseInt(x%1000/100)+5%10;
               //获取十位数
               var c=parseInt(x%1000%100/10)+5%10;
               //获取个位数
               var d=(x%1000%100%10)+5%10;
               z=a;
               a=d;
               d=z;
               z=b;
               b=c;
               c=z;
               document.write("加密后为："+a+b+c+d);
           }
       </script>
   </body>
</html>

效果展示：

三、水仙花数

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <script type="text/javascript">

           for(var i=100;i<=999;i++){
               var a=parseInt(i/100);
               var b=parseInt(i%100/10);
               var c=i%100%10;
               var sum=a*a*a+b*b*b+c*c*c;
               if(sum==i){
                   console.log(i);
               }
           }
       </script>
   </body>
</html>

效果展示：

四、圆面积的编写：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <script type="text/javascript">
       var p=3.14;

       var r=prompt("请输入半径：");
           var are=r*r*p;
       alert("圆的面积为："+are);
</script>
   <body>
   </body>
</html>

效果展示：