Populating an array using while loops

Question

Populating an array using while loops

My attempt to populate "array1" with numbers from 1 to 10 seems to be failing.

array1 = ["123", "abc", "string", "text", "test", "ok"]
                 while (i <= 10){
                    array1.push(i)
                    i++
                 }
    document.getElementById("p0").innerHTML = document.getElementById("p0").innerHTML + " | " + array[Math.floor((Math.random() * array.length))]

No matter what, the innerHTML of p0 remains as "Random Array Item:" and doesn't change. However, if I remove the while loop, it works fine, displaying output like this: "Random Array Item: | test | text | abc | abc | text | abc"

javascript arrays

Answer 1

Answer №1

There seems to be an error in your code where you are referencing the wrong array name. Instead of using array, make sure to use the correct array name which is array1. This adjustment should resolve the issue:

i=0;
array1 = ["123", "abc", "string", "text", "test", "ok"];
while (i <= 10){
    array1.push(i);
    i++;
}
document.getElementById("p0").innerHTML = document.getElementById("p0").innerHTML + " | " + array1[Math.floor((Math.random() * array1.length))];

<p id="p0">Random Array Item</p>

Answer 2

There seems to be an error in your code where you are referencing the wrong array name. Instead of using array, make sure to use the correct array name which is array1. This adjustment should resolve the issue:

i=0;
array1 = ["123", "abc", "string", "text", "test", "ok"];
while (i <= 10){
    array1.push(i);
    i++;
}
document.getElementById("p0").innerHTML = document.getElementById("p0").innerHTML + " | " + array1[Math.floor((Math.random() * array1.length))];

<p id="p0">Random Array Item</p>

Answer 3

Answer №2

If you simply need to populate a new array with the numbers 1 through 10, this code snippet will do the job.

let initialArray = ["apple", "banana", "cherry", "date"],    
[1,2,3,4,5,6,7,8,9,10].forEach(function(num){
 initialArray.push(num);
});

document.getElementById("result").innerHTML = document.getElementById("result").innerHTML + " | " + initialArray[Math.floor((Math.random() * initialArray.length))];

Answer 4

If you simply need to populate a new array with the numbers 1 through 10, this code snippet will do the job.

let initialArray = ["apple", "banana", "cherry", "date"],    
[1,2,3,4,5,6,7,8,9,10].forEach(function(num){
 initialArray.push(num);
});

document.getElementById("result").innerHTML = document.getElementById("result").innerHTML + " | " + initialArray[Math.floor((Math.random() * initialArray.length))];

Answer 5

Answer №3

Make a few tweaks:

let x = 0;
dataSet = ["apple", "banana", "pear", "orange", "kiwi"]
             while (x <= 10){
                dataSet.push(x)
                x++
             }
document.getElementById("p0").innerHTML = document.getElementById("p0").innerHTML + " | " + dataSet[Math.floor((Math.random() * dataSet.length))]

Essentially, you just have to update the variable name from array to dataSet.

Answer 6

Make a few tweaks:

let x = 0;
dataSet = ["apple", "banana", "pear", "orange", "kiwi"]
             while (x <= 10){
                dataSet.push(x)
                x++
             }
document.getElementById("p0").innerHTML = document.getElementById("p0").innerHTML + " | " + dataSet[Math.floor((Math.random() * dataSet.length))]

Essentially, you just have to update the variable name from array to dataSet.

Populating an array using while loops

Answer №1

Answer №2

Answer №3

Similar questions

What is the process for setting up redux in _app.tsx?

AngularJS Assessing an Attribute directive following an Element directive

Run JavaScript on every website when the page loads

Is it possible to generate output using multiple screenshots extracted from a JSON file, such as the iTunes Search API?

Getting an invalid ELF header error when using nodejs iconv

Unable to access input field value through PHP $_POST array

Ways to stop the location object from resetting in ReactJS when reloading the page

Ways to halt the setInterval function after executing a specific function within it

Tips for troubleshooting PHP errors while making a jQuery AJAX request

Using MongoDB's .NET Driver pullFilter function to eliminate a string from a string array

Is there a way for me to generate a tab that shows content when hovered over?

React Form with Conditional Input Options and Validation

Managing two variables in C# Controller and View

Is there a way to invoke a function within an Angular Service from within the same service itself?

Tips for creating clickable selections with AutoComplete JQuery in ASP.NET and C#

Ways to resolve a 500 internal error

Instead of scrolling through the entire window, focus on scrolling within a specific HTML element

Issues arise when attempting to use custom Javascript functions in conjunction with the Bootstrap 4 Input Tagging Plugin

Deliver search findings that are determined by matching criteria, rather than by identification numbers

A guide to determining the dimensions (width, height, length) of a mesh using THREE.js