javascript练习题一

最新推荐文章于 2024-08-30 20:29:15 发布

Junju_

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量86

点赞数

分类专栏： javascript项目文章标签： javascript css html

本文链接：https://blog.csdn.net/m0_58451019/article/details/124039001

版权

JavaScript 字符串操作条件判断字符统计逆序输出

关键词由CSDN通过智能技术生成

javascript项目专栏收录该内容

10 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="show">

</div>
<!--1.	编写一个程序将一个字符串总的字符逆序输出-->
<script type="text/javascript">
    //先进行定义
    var str = "abcdefc"
    var s = "";
    //进行遍历
    for(var i = str.length-1; i >= 0; i--){
        //进行翻转
        s += str.charAt(i)
    }
    //进行输出
    show.innerHTML = s;

</script>
<br>

<!--2.	编写一个程序，在给定字符串的末尾加“ing”（长度至少应为3）.如果给定的字符串已“ing”结尾，则添加ly。如果给定字符串的字符串长度小于3，则保持不变。-->
<!--a)	输入 ab  输出  ab-->
<!--b)	输入abc 输出 abcing-->
<!--c)	输入string  输出 stringly-->

<input id="text"><button id="CHANGE" >Change</button>

<script type="text/javascript">

    document.getElementById("CHANGE").onclick = function (){

        var Text = text.value;
        if (Text.endsWith("ing")) {

            Text += "ly";

        }else if(Text.length>=3){

            Text += "ing"

        }
        text.value = Text;

    }


</script>

<!--一个字串是否存在于另外一个字串中？ 存在几次？-->
<br>
<input id="content"> <button id="on">统计</button><div id="mainSHOW"></div>

<script type="text/javascript">

    document.getElementById("on").onclick = function (){
        var Content = content.value;
        var lettercount = 0;
        var numbercount = 0;
        var elsecount = 0;
        for(i = 0; i < Content.length; i++){
            //进行大小写字母的判断
            if(/^[a-zA-Z]$/g.test(Content[i])){
                //通过计数器计数
                lettercount++;
            //进行数字的判断
            }else if(/^\d$/g.test(Content[i])){

                numbercount++;

            }else{

                elsecount++;

            }

        }
        document.getElementById("mainSHOW").innerHTML = "字母的个数：" + lettercount + "数字的个数：" + numbercount + "其他符号的个数：" + elsecount

    }

</script>

</body>

</html>

Junju_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript练习题一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="show"></div><script type="text/javas.
复制链接

扫一扫

专栏目录