How can I print the all elements from the array to my main window in the browser and how can i add css code inside the java script?
const arr=["example1" , " example2 " , "example3"]
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
Asked
Active
Viewed 54 times
-2
muath salem
- 11
- 2
-
3what do you mean by main window ? – Alok Prakash Oct 27 '21 at 14:08
-
Do you mean `document.body.innerText += arr[i];`? – jabaa Oct 27 '21 at 14:09
-
If you want to show it in document, then add `document.write(arr.join())` – Alok Prakash Oct 27 '21 at 14:10
-
thanks alot guys but i have another equestion how can i add the css code for the elements in for loop – muath salem Oct 27 '21 at 14:17
-
That's a new question. Ask a new question. – jabaa Oct 27 '21 at 14:27
1 Answers
2
Check the code, and if you want a different class for each element you can use: element.innerHTML += '<p class="style'+i+'">'+arr[i]+'</p>';
const arr=["example1" , " example2 " , "example3"]
const element = document.getElementById("data");
for (let i = 0; i < arr.length; i++) {
element.innerHTML += '<p class="style">'+arr[i]+'</p>' ;
}.style {
color: red;
}<div id="data">
</div>
Adrian Biba
- 167
- 8
-
`+=` on `.innerHTML` is discouraged: https://stackoverflow.com/questions/11515383/why-is-element-innerhtml-bad-code – Ivar Oct 27 '21 at 14:12
-
thanks alot sir then how can i add css code to every element in the for loop – muath salem Oct 27 '21 at 14:13
-
-
-