原生js入门级测试题及答案

时间:2019-12-19 九梨前端编程人气:1

01、屏幕打印2000到3000之间的所有的数。

<script type="text/javascript">
    for (var i = 2000; i < 3001; i++){
        document.write(i+"<br />") 
    }
</script>

02、求450到550之间所有奇数的和。

<script type="text/javascript">
    var num = 0;
    for (var i = 451; i < 550; i+=2) {
        num += i
    }
    document.write("450到550之间所有奇数的和为：" + num)
</script>

03、找出200以内，既能整除3又能整除5的所有数。

<script type="text/javascript">
    for (var i = 0; i < 201; i++) {
        if(i % 3 == 0 && i % 5 == 0){
            document.write(i+"<br />") 
        }
    }
</script>

04、如果输入一个数，则弹出对话框“您输入的是偶数”，否则弹出“您输入的是奇数”

<script type="text/javascript">
    var oBtn = document.getElementById("btn")
    oBtn.onclick = function(){
        var oInputVal = parseInt(document.getElementById("num").value)
        if(oInputVal % 2 == 0){
            alert("您输入的是偶数")
        }else{
            alert("您输入的是奇数")
        }
    }
</script>

05、页面弹出输入框，只有当用户输入Alice和Bob这两个名字时，才会向用户问好“你好”。

<script type="text/javascript">
    var name = prompt("请输入你的姓名")
    if(name == "Alice" || name == "Bob"){
        alert("你好")
    }
</script>

06、先后弹出三个输入框，第一个提示：输入一个数字，第二个提示：输入一个+-*/中的任意运算符，第三个提示：输入一个数字，最后弹出他们的运算结果。

<script type="text/javascript">
    var one = parseInt(prompt("请输入一个数字"));
    var two = prompt("请输入一个运算符");
    var three = parseInt(prompt("请输入一个数字"));
    var num;
    if(two == "+"){
        num = one + three
    }else if(two == "-"){
        num = one - three
    }else if(two == "*"){
        num = one * three
    }else if(two == "/"){
        num = one / three
    }
    alert(num) 
</script>

07、屏幕打印1到1000所有能整除11并且不能整除17的数的和。

<script type="text/javascript">
    var num = 0;
    for(var i = 0 ; i < 1001 ; i++){
        if(i % 11 == 0 && i % 17 != 0){
            num += i
        }
    }
    document.write(num)
</script>

08、写程序屏幕打印出x,y的值(正整数)：x+y=10,3x+4y=36。

<script type="text/javascript">
    for (var x = 1; x <= 10; x++) {
        for (var y = 1; y <= 10; y++) {
            if (x + y === 10 && 3 * x + 4 * y === 36) {
                document.write("x的值为" + x + '<br>' + "y的值为" + y)
            }
        }
    }
</script>

09、如何利用JS生成一个table？行和列由用户自己输入决定。

<body>
    <p>请输入行与列</p>
    <input type="text" id="row" />行<br />
    <input type="text" id="column" />列<br />
    <input type="button" value="创建" id="btn">
    <div class="box" id="box"></div>
    <script type="text/javascript">
        var oBtn = document.getElementById("btn");
        var oBox = document.getElementById("box");
        oBtn.onclick = function(){
            var oRow = parseInt(document.getElementById("row").value);
            var oColumn = parseInt(document.getElementById("column").value);
            var oTable = document.createElement('table');
            oTable.setAttribute('border',"1");
            for (var i = 1; i <= oRow; i++) {
                oTr = document.createElement('tr');
                for(var a = 1 ; a <= oColumn ; a++){
                    oTd = document.createElement('td');
                    var oText = document.createTextNode(i+"行"+a+"列")
                    oTd.appendChild(oText)
                    oTr.appendChild(oTd)
                }
                oTable.appendChild(oTr)
            }
            oBox.appendChild(oTable)
        }
    </script>
</body>

加载全部内容