简体   繁体   中英

odd positions has even numbers and even positions have odd number from an array in javascript

Javascript file, Enter array from user txt1 if even positions has odd numbers that all numbers should display in txt2 if odd positions has even numbers that all numbers should display in txt3 here in loop i+2 is not working out and a single digit is displaying at a time but not all even and odd numbers in textboxes:

WARNING: Do not copy paste and try to run the below code unless you are willing to crash your browser!

<head>
    <title></title>
</head>
<body>
    <table>
        <tr>
            <td>
                Enter data
            </td>
            <td>
                <input type="text" id="txt1" />
            </td>
            <td>
                <input type="text" id="txt2" />
            </td>
            <td>
                <input type="text" id="txt3" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="b1" value="REsult" onclick="validate()"/>
            </td>
        </tr>
    </table>
    <script>
function validate()
{
    var a = document.getElementById("txt1").value.split(",");
    for(var i=0;i<a.length;i+2)
    {
        if(a[i]%2!=0)
        {
            document.getElementById("txt2").value = a[i];
        }
        else
        {
            document.getElementById("txt2").value = " ";
        }
    }
        for(var j=1;j<=a.length;j+2)
        {
            if(a[j]%2==0)
            {
                document.getElementById("txt3").value = a[j];
            }
            else
            {
                document.getElementById("txt3").value = " ";
            }
        }

}

    </script>
</body>
</html>

design page ] 1

try this:

 <!DOCTYPE html> <html> <head> <title>d</title> <style></style> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> </head> <body> <script> function validate() { var a = document.getElementById("txt1").value.split(","); document.getElementById("txt2").value = ''; document.getElementById("txt3").value = ''; for (var i = 0; i < a.length; i += 2) { if (a[i] % 2 != 0) { document.getElementById("txt2").value += a[i] + ','; } } for (var j = 1; j <= a.length; j += 2) { if (a[j] % 2 == 0) { document.getElementById("txt3").value += a[j] + ','; } } document.getElementById("txt2").value = document.getElementById("txt2").value.replace(/,$/, ''); document.getElementById("txt3").value = document.getElementById("txt3").value.replace(/,$/, ''); } </script> <table> <tr> <td> Enter data </td> <td> <input type="text" id="txt1" /> </td> <td> <input type="text" id="txt2" /> </td> <td> <input type="text" id="txt3" /> </td> </tr> <tr> <td> <input type="button" id="b1" value="REsult" onclick="validate()" /> </td> </tr> </table> </body> </html> 

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM