JavaScript Arrays “For Loop” prints only the 1st iteration
JavaScript Arrays prints first iteration of the for loop in bulleted list <ul>, but not the 2nd & 3rd iteration. I have no host server; can not use plugin or jQuery; I am limited to use just HTML & JavaScript.
var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto
javascript arrays loops printing
edited Nov 20 '18 at 10:57
barbsan
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
add a comment |
JavaScript Arrays prints first iteration of the for loop in bulleted list <ul>, but not the 2nd & 3rd iteration. I have no host server; can not use plugin or jQuery; I am limited to use just HTML & JavaScript.
var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto
javascript arrays loops printing
edited Nov 20 '18 at 10:57
barbsan
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
businesses = [ business = [Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41
add a comment |
JavaScript Arrays prints first iteration of the for loop in bulleted list <ul>, but not the 2nd & 3rd iteration. I have no host server; can not use plugin or jQuery; I am limited to use just HTML & JavaScript.
var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto
javascript arrays loops printing
edited Nov 20 '18 at 10:57
barbsan
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
JavaScript Arrays prints first iteration of the for loop in bulleted list <ul>, but not the 2nd & 3rd iteration. I have no host server; can not use plugin or jQuery; I am limited to use just HTML & JavaScript.
var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto
var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>var businesses = [
business = [
"Business1Name",
"Business1Type",
"Business1Address",
"Business1Phone",
"Business1Url",
"Business1FB",
"Business1Owner",
],
business = [
"Business2Name",
"Business2Type",
"Business2Address",
"Business2Phone",
"Business2Url",
"Business2FB",
"Business2Owner",
],
business = [
"Business3Name",
"Business3Type",
"Business3Address",
"Business3Phone",
"Business3Url",
"Business3FB",
"Business3Owner",
"Business3Var",
],
];
var text = "<ul>";
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
document.getElementById("businessID").innerHTML = text;<h2>JavaScript Arrays</h2>
<p id="businessID"></p>javascript arrays loops printing
javascript arrays loops printing
edited Nov 20 '18 at 10:57
barbsan
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
edited Nov 20 '18 at 10:57
barbsan
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
edited Nov 20 '18 at 10:57
barbsan
2,14811122
edited Nov 20 '18 at 10:57
barbsan
2,14811122
edited Nov 20 '18 at 10:57
barbsan
2,14811122
2,14811122
asked Nov 20 '18 at 10:09
Farhang
83
asked Nov 20 '18 at 10:09
Farhang
83
asked Nov 20 '18 at 10:09
Farhang
83
83
businesses = [ business = [Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41
add a comment |
businesses = [ business = [Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41
businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)– CertainPerformance
Nov 20 '18 at 10:10
businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)– CertainPerformance
Nov 20 '18 at 10:10
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41
add a comment |
3 Answers
3
active
oldest
votes
The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.
var text = "<ul>"; // This will create a single opening ul tag
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>"; // This will create three closing ul tags
text += "<BR>";
}
To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.
var text = "";
for (i = 0; i < businesses.length; i++) {
text += "<ul>";
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.
answered Nov 20 '18 at 12:57
Sungaila
537
add a comment |
var text = "<ul>";
for(i=0; i< businesses.length; i++){
for(j=0; j< businesses[i].length; j++){
text += "<li>" + businesses[i][j] + "</li>";
}
text += "<BR>";
}
text += "</ul>";
document.getElementById("businessID").innerHTML = text;
answered Nov 20 '18 at 10:16
Farhang
83
add a comment |
An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.
And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.
But it's just not good practice to have separate assignments within arrays.
answered Nov 20 '18 at 10:48
Rai
803418
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390643%2fjavascript-arrays-for-loop-prints-only-the-1st-iteration%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.
var text = "<ul>"; // This will create a single opening ul tag
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>"; // This will create three closing ul tags
text += "<BR>";
}
To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.
var text = "";
for (i = 0; i < businesses.length; i++) {
text += "<ul>";
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.
answered Nov 20 '18 at 12:57
Sungaila
537
add a comment |
The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.
var text = "<ul>"; // This will create a single opening ul tag
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>"; // This will create three closing ul tags
text += "<BR>";
}
To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.
var text = "";
for (i = 0; i < businesses.length; i++) {
text += "<ul>";
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.
answered Nov 20 '18 at 12:57
Sungaila
537
add a comment |
The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.
var text = "<ul>"; // This will create a single opening ul tag
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>"; // This will create three closing ul tags
text += "<BR>";
}
To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.
var text = "";
for (i = 0; i < businesses.length; i++) {
text += "<ul>";
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.
answered Nov 20 '18 at 12:57
Sungaila
537
The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.
var text = "<ul>"; // This will create a single opening ul tag
for (i = 0; i < businesses.length; i++) {
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>"; // This will create three closing ul tags
text += "<BR>";
}
To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.
var text = "";
for (i = 0; i < businesses.length; i++) {
text += "<ul>";
for (j = 0; j < businesses[i].length; j++) {
text += "<li>" + businesses[i][j] + "</li>";
}
text += "</ul>";
text += "<BR>";
}
Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.
answered Nov 20 '18 at 12:57
Sungaila
537
answered Nov 20 '18 at 12:57
Sungaila
537
answered Nov 20 '18 at 12:57
Sungaila
537
answered Nov 20 '18 at 12:57
Sungaila
537
537
add a comment |
add a comment |
var text = "<ul>";
for(i=0; i< businesses.length; i++){
for(j=0; j< businesses[i].length; j++){
text += "<li>" + businesses[i][j] + "</li>";
}
text += "<BR>";
}
text += "</ul>";
document.getElementById("businessID").innerHTML = text;
answered Nov 20 '18 at 10:16
Farhang
83
add a comment |
var text = "<ul>";
for(i=0; i< businesses.length; i++){
for(j=0; j< businesses[i].length; j++){
text += "<li>" + businesses[i][j] + "</li>";
}
text += "<BR>";
}
text += "</ul>";
document.getElementById("businessID").innerHTML = text;
answered Nov 20 '18 at 10:16
Farhang
83
add a comment |
var text = "<ul>";
for(i=0; i< businesses.length; i++){
for(j=0; j< businesses[i].length; j++){
text += "<li>" + businesses[i][j] + "</li>";
}
text += "<BR>";
}
text += "</ul>";
document.getElementById("businessID").innerHTML = text;
answered Nov 20 '18 at 10:16
Farhang
83
var text = "<ul>";
for(i=0; i< businesses.length; i++){
for(j=0; j< businesses[i].length; j++){
text += "<li>" + businesses[i][j] + "</li>";
}
text += "<BR>";
}
text += "</ul>";
document.getElementById("businessID").innerHTML = text;
answered Nov 20 '18 at 10:16
Farhang
83
answered Nov 20 '18 at 10:16
Farhang
83
answered Nov 20 '18 at 10:16
Farhang
83
answered Nov 20 '18 at 10:16
Farhang
83
83
add a comment |
add a comment |
An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.
And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.
But it's just not good practice to have separate assignments within arrays.
answered Nov 20 '18 at 10:48
Rai
803418
add a comment |
An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.
And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.
But it's just not good practice to have separate assignments within arrays.
answered Nov 20 '18 at 10:48
Rai
803418
add a comment |
An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.
And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.
But it's just not good practice to have separate assignments within arrays.
answered Nov 20 '18 at 10:48
Rai
803418
An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.
And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.
But it's just not good practice to have separate assignments within arrays.
answered Nov 20 '18 at 10:48
Rai
803418
answered Nov 20 '18 at 10:48
Rai
803418
answered Nov 20 '18 at 10:48
Rai
803418
answered Nov 20 '18 at 10:48
Rai
803418
803418
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390643%2fjavascript-arrays-for-loop-prints-only-the-1st-iteration%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
businesses = [ business = [Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)– CertainPerformance
Nov 20 '18 at 10:10
can you show us the expected output?
– Rai
Nov 20 '18 at 10:41