www.webdeveloper.com
Results 1 to 2 of 2

Thread: Input from array

  1. #1
    Join Date
    Jan 2013
    Posts
    5

    Input from array

    Hey guys, Im trying to write a function that separates even and odd numbers and displays them. Does anyone know how I could put the inputs into 2 separate arrays depending if odd and even then call the array to display them. Thanks in advance. (super new to javascript)

    so far I have this, but its currently not working.

    function numberFunction(){
    var evenarray = [];
    var oddarray = [];
    do
    {
    var numbers = prompt("Enter numbers. Enter empty string to exit.");

    if(numbers % 2 == 0)
    {
    evenarray.push(numbers);
    for(var i=0; i < evenarray.length; i++)
    {
    document.getElementById("even").innerHTML = evenarray.toString();
    alert(evenarray.toString();
    }
    }
    else if(numbers % 2 !== 0)
    {
    oddarray.push(numbers);
    for(var i=0; i < oddarray.length; i++)
    {
    document.getElementById("odd").innerHTML = oddarray.toString();
    alert(oddarray[i]);
    }
    else if(numbers == 0)
    {
    alert("Enter something other than 0.");
    }
    }

    while(numbers !== "")

    document.getElementById("odd").innerHTML = oddarray.toString();


    }

  2. #2
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,648
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>ttl</title>
    <style>
    body{text-align:center;padding-top:200px;color:#000;background-color:#fff;font-family:Georgia,'Bookman Old Style',Verdana;font-size:14px;}
    input{text-align:center;}
    .btn{cursor:pointer;border:none;background-color:transparent;}
    #od,#ev{display:inline-block;width:50%;margin-top:30px;}
    </style>
    <script>
    var nondigs=/[^\d\s]/g,
        evens=[],
    	odds=[];
    
    function doc(id){return document.getElementById(id);}
    function res(){doc('inp').value='';doc('inp').focus();}
    function res_all(){evens.length=odds.length=0;res();doc('od').innerHTML='odds';doc('ev').innerHTML='evens';}
    function calc(val){
    if(val % 2 == 0){evens.push(val);}
    else{odds.push(val);}
    doc('od').innerHTML='odds:<br />'+odds.toString();
    doc('ev').innerHTML='evens:<br />'+evens.toString();
    res();
    }
    
    
    window.onload=function(){
    
    doc('inp').onkeyup=function(){
    var val=this.value;
    if(val){this.value=val.replace(nondigs,'');}
    }
    
    doc('go').onclick=function(){
    var val=doc('inp').value;
    switch(val){
    case ' ': res_all();break;
    case '0': res();alert('Enter something other than 0');break;
    default : calc(val);
    }
    }
    
    res();
    }
    </script>
    </head>
    <body>
    <h4>Enter space (" ") to reset</h4>
    <input type="text" id="inp" /><input class="btn" type="button" id="go" value="Go" />
    <br />
    <div id="od"></div><div id="ev"></div>
    </body>
    </html>
    xxx: Guess Buddhist riddle: "What is the sound of one hand clapping?"
    yyy: facepalm

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles