JavaScript习题

最新推荐文章于 2024-05-02 18:12:22 发布

清风挽心ii

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量91

点赞数

分类专栏：学习总结文章标签： javascript

本文链接：https://blog.csdn.net/Liuxin2448/article/details/115479136

版权

学习总结专栏收录该内容

69 篇文章 0 订阅

订阅专栏

JavaScript习题

返回最大值
101-200之间有多少个素数，并输出所有素数
求s=a+aa+aaa+aaaa+aa...a的值，其中a是一个数字。
检验并提交
判断素数
点击按钮新增下拉选择的选项
关联下拉选择

今天总结一些简单常见js编程的练习题，熟练前面学习的js知识点。

返回最大值

<script>
    function Math() {
        this.max = function () {
            let res = -Infinity;
            if (arguments.length > 0 && arguments[0].length > 0) {
                for (let k = 0; k < arguments[0].length; k++) {
                    if (arguments[0][k] > res)
                        res = arguments[0][k];
                }
            }
            return res;
        }
    }
    var arr = [];
    for (let k = 0; k < 3; k++) {
        arr[k] = parseInt(prompt("输入一个整数", 0));
    }
    alert("最大值为：" + (new Math()).max(arr));
</script>

101-200之间有多少个素数，并输出所有素数

    <script>
        var tt=/^\d*$/;
        function ff() {
            let ss = "101到200之间的素数有:";
            for (let kk = 101; kk <= 200; kk++) {
                if (dd(kk)) {
                    ss += "<b>" + kk + "</b>,";
                }
            }
            if (ss.endsWith(","))
                ss = ss.substring(0, ss.length - 1);
            document.getElementById("div1").innerHTML = ss;
        }
        function dd(num) {
            let res = true;
            if(!tt.test(num))
                return false;
            for (let k = 2; k < num / 2; k++) {
                if (num % k == 0) {
                    res = false;
                    break;
                }
            }
            return res;
        }
    </script>


<body>

    <button onclick="ff()">输出素数</button>
    <div id="div1"></div>
</body>

求s=a+aa+aaa+aaaa+aa…a的值，其中a是一个数字。

<script>
    function ff() {
        let aa = document.getElementById("aa").value;
        let nn = document.getElementById("bb").value;
        aa = parseInt(aa);
        let res = dd(aa, nn);
        document.getElementById("span1").innerHTML = res;
    }
    function dd(aa, nn) {
        let res = 0;
        let bb = "";
        for (let k = 0; k < nn; k++) {
            bb += aa;
            let cc = parseInt(bb);
            res += cc;
        }
        return res;
    }

    function aa1() {
        let aa = document.getElementById("aa").value;
        let reg = /^[1-9]{1}$/;
        let ccc = reg.test(aa);
        if (!ccc) {
            document.getElementById("aaMsg").innerHTML = "输入数据不合法！";
        } else {
            document.getElementById("aaMsg").innerHTML = "";
        }
    }
    function bb1() {
        let aa = document.getElementById("bb").value;
        let reg = /^[1-9]\d*$/;
        let ccc = reg.test(aa);
        if (!ccc) {
            document.getElementById("bbMsg").innerHTML = "输入数据不合法！";
        } else {
            document.getElementById("bbMsg").innerHTML = "";
        }
    }
</script>


<body>
   
    <table>
        <tr>
            <td>a的值为:</td>
            <td><input id="aa" onblur="aa1()" maxlength="1" /><span class="error" id="aaMsg"></span></td>
        </tr>
        <tr>
            <td>次数：</td>
            <td><input id="bb" onblur="bb1()" /><span class="error" id="bbMsg"></span></td>
        </tr>
        <tr>
            <td>计算结果为：</td>
            <td><span id="span1"></span></td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="button" onclick="ff()" value="计算" />
            </td>
        </tr>
    </table>
</body>

检验并提交

    <script>
        function ff(){
            let ss=document.getElementById("num1").value;
            let bb=false;
            let reg=/^\d*$/;
            bb=reg.test(ss);
            if(!bb){
                document.getElementById("error").innerHTML="<span class='error'>数据格式不正确!</span>";
            }else{
                let cc='';
                for(let k=0;k<ss.length;k++){
                    cc+=ss.charAt(ss.length-1-k);
                }
                document.getElementById("error").innerHTML="输入数据为："+cc;
            }
        }
        function dd(){
            document.getElementById("error").innerHTML='';
            document.getElementById("num1").value='';
        }
    </script>

<body>
    <input id="num1" onfocus="dd()"/><span id="error"></span><br/>
    <input type="button" onclick="ff()" value="提交">
    <style>
        .error{
            color:red;
        }
    </style>
</body>

判断素数

    <script>
        function ff(){            
            var ss=document.getElementById("num").value;
            let dd=/^\d*$/;
            let bb=dd.test(ss);
            if(bb){
                ss=parseInt(ss);
                bb=zhiShu(ss);
                if(bb){
                    document.getElementById("res").innerHTML=ss+"是质数";
                }else{
                    document.getElementById("res").innerHTML=ss+"不是质数";
                }
            }else{
                document.getElementById("res").innerHTML="<font color=red>输入数据不正确</font>";
            }
        }
        function zhiShu(num){
            let res=true;
            for(let k=2;k<num/2;k++){
                if(num%k==0){
                    res=false;
                    break;
                }
            }
            return res;
        }
    </script>

<body>
    <input id="num">
    <button onclick="ff()">提交数据</button><br/>
    <div id="res"></div>
</body>

点击按钮新增下拉选择的选项

<!DOCTYPE html>

    <script>
        function ff(){
            let sel1=document.getElementById("sel");
           var s1=document.createElement("option");
           s1.value="111";
           s1.text="河南";
           sel1.options[sel1.options.length]=s1;
        }
    </script>

<body>
    <p></p>
    <select id="sel">
        <option value="">请选择</option>
        <option value="111">陕</option>
        <option value="222">山</option>
    </select>
    <button onclick="ff()">新增</button>
</body>
</html>

关联下拉选择

<body onload="pp()">
    <script>
        //[]表示数组，{}表示对象  JSON
        var aa = [{
            id: 1, title: '西省', children: [
                { id: 11, title: '西市' }, { id: 12, title: '榆市' }, { id: 13, title: '延市' }
            ]
        }, {
            id: 2, title: '山省', children: [
                { id: 21, title: '运市' }, { id: 22, title: '临市' }
            ]
        }, {
            id: 3, title: '河省', children: [
                { id: 31, title: '洛市' }
            ]
        }];
        function pp() {
            let sel = document.getElementById("prov").options;
            for (let k = 0; k < aa.length; k++) {
                let id = aa[k].id;
                let title = aa[k].title;
                let op = document.createElement("option");  //创建option元素对象，类似<option></option>
                op.value = id;  //设置option的提交值
                op.text = title; //设置option的显示值
                sel[sel.length] = op;  //将新创建的option加入到select的options数组中
            }
        }
        function ss(){
            let sel = document.getElementById("prov").value;
            let arr=[];
            for(let k=0;k<aa.length;k++){
                let id=aa[k].id;
                if(sel==id){
                    arr=aa[k].children;
                    break;
                }
            }
            let vv=document.getElementById("city").options;
            vv.length=1;  //将数组长度设置为1，则自动去除第一个元素之后的所有元素
            for(let k=0;k<arr.length;k++){
                let op=document.createElement("option");
                op.value=arr[k].id;
                op.text=arr[k].title;
                vv[vv.length]=op;
            }
        }
    </script>
    <select id="prov" onchange="ss()">
        <option value="">请选择省</option>
    </select>
    <select id="city">
        <option value="">请选择城</option>
    </select>
</body>

清风挽心ii

关注

0
点赞
踩
0

收藏

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

JavaScript习题返回最大值101-200之间有多少个素数，并输出所有素数求s=a+aa+aaa+aaaa+aa...a的值，其中a是一个数字。检验并提交判断素数点击按钮新增下拉选择的选项关联下拉选择今天总结一些简单常见js编程的练习题，熟练前面学习的js知识点。返回最大值<script> function Math() { this.max = function () { let res = -Infinity;
复制链接

扫一扫