JavaScript中的打印出三角形

最新推荐文章于 2023-05-02 22:48:58 发布

开心了嘛

最新推荐文章于 2023-05-02 22:48:58 发布

阅读量1.1k

点赞数 1

分类专栏： Java 文章标签： javascript

本文链接：https://blog.csdn.net/qq_46056826/article/details/109245627

版权

Java 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

JavaScript 循环应用 – 编程例题

1，打印1-50之间的偶数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1-50之间的偶数</title>
</head>
<body>
<script>
    var i;
    for (i=1;i<50;i++){
        if(i%2==0){
        document.write(i+",");
        }
    }
</script>
</body>
</html>

2，100以内的奇数和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>100以内的奇数和</title>
</head>
<body>
<script>
    var i;
    var sum=0;
    for (i=1;i<100;i++){
        if(i%2!=0){
        document.write(i+",");
        sum+=i;
        }
    }
    document.write('<br/>');
    document.write("100以内的奇数和为："+sum);
</script>
</body>
</html>

3，100-1000以内的水仙花数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>100-1000以内的水仙花数</title>
</head>
<body>
<script>
    var i,ge,shi,bai;
    for (i=100;i<1000;i++){
        //1 2 3
        ge=i%10;
        //数据类型转换为 int 整型
        shi=parseInt(i/10%10);
        bai=parseInt(i/100);
        if(i==ge*ge*ge+shi*shi*shi+bai*bai*bai){
            document.write(i+",");
        }
    }
</script>
</body>
</html>

4，直角三角形

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>直角三角形</title>
</head>
<body>
<input type="text" id="n" placeholder="请输入需要打印的行数"/><br/>
<input type="button" value="显示三角形" onclick="jisuan()" /><br/>
<span id="show"></span>
<script>
    function jisuan(){
        //获取输入的内容
        var n=Number(document.getElementById("n").value);
        var numStr="";
        var i,j;
    for (i=0;i<n;i++) {
        for (j = 0; j <= i; j++) {
            //字符串拼接
            numStr+="*";
        }
       numStr+="<br/>";
    }
        //把 numStr 以 HTML 的样式显示到 show 中
        document.getElementById("show").innerHTML=numStr;
    }
</script>
</body>
</html>

5，幂运算

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>幂计算</title>
</head>
<body>
<input type="text" id="a" placeholder="请输入第一个数"/><br/>
<input type="text" id="b" placeholder="请输入第二个数"/><br/>
<input type="button" value="计算" onclick="jisuan()"/>
<span id="num"></span><br/>
<script>
   function jisuan(){
       //获取输入的值
       var a=Number(document.getElementById("a").value);
       var b=Number(document.getElementById("b").value);

       //判断是否为数字
       if(isNaN(a)||isNaN(b)){
           alert("输入数字喔");
           return ;
       }
       var num=1;
       for(var i=1;i<=b;i++){
          num=num*a;
       }
     //  var num=a**b;
       //显示结果
       document.getElementById("num").innerText="计算结果:"+num;
   }
</script>
</body>
</html>

开心了嘛

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的打印出三角形

JavaScript 循环应用 – 编程例题1，打印1-50之间的偶数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1-50之间的偶数</title></head><body><script> var i; for (i=1;i<50;i++){
复制链接

扫一扫