Reversing output of user input by using while loop...

machinegod · Sep 1, 2022

I'm new to programming and I've read and watched several resources about for, while loops, but everytime I write the while loop to reverse the output from the for loop, the code doesn't run properly. I'm sort of just guessing at this point.

Does anyone know of a good article/video to better understand reversing the output from user input by using a while loop?

I commented out the while loop I was working on.

HTML:

<html>
 
<body style="text-align:center;">
 
    <h1>Enter Your Five Favorite Cities</h1>
    <form class="" action="index.html">
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
    <br>
        <button type="button" name="button" onclick="favoriteCities()">Submit</button>
  
    </form>
 
    <h2>Results</h2>
 
    <p id="output"></p>
    
    <script type="text/javascript">
        var r = "";
        function favoriteCities() {
            var input = document.getElementsByName('favoriteCities[]');
 
            for (var i = 0; i < input.length; i++) {
                var a = input[i]; var uniqueNumber=i+1;
                r = r + "City #" + uniqueNumber + " is " + a.value + ("<br>");
            }
            
            document.getElementById("output").innerHTML = r;
            
            //while (4 = input.length) {
            //print (output)
            //}
        }
        
    </script>
    
</body>
 
</html>

hebrerillo · Sep 3, 2022

Hello there!

I do not know what you mean by "the while loop to reverse the output from the for loop". If what you want is to reverse the strings that the user did input, you can try something like this:

HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
        <!--<link rel="stylesheet" href="styles.css" />-->
        <!--<script src="script.js" defer></script>-->
        <title></title>
    </head>

    <body style="text-align:center;">
 
    <h1>Enter Your Five Favorite Cities</h1>
    <form class="" action="index.html">
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
        <br>
        <input type="text" name="favoriteCities[]" value="" /><br>
    <br>
        <button type="button" name="button" onclick="favoriteCities()">Submit</button>
 
    </form>
 
    <h2>Results</h2>
 
    <p id="output"></p>
    
    <script type="text/javascript">
        var r = "";
        
        function reverseString(strParam)
        {
            let str = "";
            for(let i = 0; i < strParam.length; i++)
            {
                str = str + strParam[strParam.length -1 -i];
            }
            
            return str;
        }

        function favoriteCities() {
            var input = document.getElementsByName('favoriteCities[]');
 
            for (var i = 0; i < input.length; i++)
            {
                var a = reverseString(input[i].value);
                var uniqueNumber=i+1;
                r = r + "City #" + uniqueNumber + " is " + a + ("<br>");
            }
            
            document.getElementById("output").innerHTML = r;
            
        }
        
    </script>
    
</body>

</html>

MeMate · Sep 10, 2022

I don't know exactly what you are trying to do there but a while loop works like this

Code:

var array=new Array('Apple','Peach','Pear','Berry');
var num=array.length;
while(num>0){
 console.log(array[num-1]);
num--;
}

Same thing with a for loop

Code:

var array=new Array('Apple','Peach','Pear','Berry');
var num=array.length;
for(i=num; i>0; i--){
 console.log(array[i]);

}

Is there a way to input a unique number for each array output?	4	Aug 31, 2022
Song requests	4	Aug 16, 2023
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Graph of quadratic function with CanvasRenderingContext2D	2	May 9, 2024
Help with code	0	Jun 12, 2022
DJForm Login Help!	1	Sep 28, 2024
I need help making a zooming function	11	Dec 14, 2021
Issue with textbox script?	0	Sep 5, 2022

Reversing output of user input by using while loop...

machinegod

hebrerillo

MeMate

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads