Array For Loop

Posted on : 6th May 2022 | Author : @ByDev24

						<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<div class="work-container">
<pre style="white-space: pre-line;">Array1 = ['john', 'James', 'Smith', 'Kevin', 'Tom', 'Akshey', 'Anil', 'Pawan', 'Sunil', 'Sonu']

Array2 = ['Apple', 'Banana', 'Mango', 'Coconut', 'Guava', 'Orange', 'Pineapple', 'Apricots', 'Almond', 'Avocado']
<hr>
</pre>
<div id="text"></div>
</div>

						body{
	font-family: 'Poppins', sans-serif;
} 
.work-container {max-width: 100%;width: 400px;margin: 0 auto;padding: 10px;border-radius: 5px;box-shadow: 0px 0px 10px #00000017;}
#text {line-height: 30px;}
pre {margin: 0;}
hr {margin: 20px 0 0 0;}

						let nameArray = ['John', 'James', 'Smith', 'Kevin', 'Tom', 'Akshey', 'Anil', 'Pawan', 'Sunil', 'Sonu']
let fruitArray = ['Apple', 'Banana', 'Mango', 'Coconut', 'Guava', 'Orange', 'Pineapple', 'Apricots', 'Almond', 'Avocado']
let text = ''
for(i = 0; i < nameArray.length; i++){
	text += (i+1)+'.' + ' <b>' + nameArray[i] + '</b> love to eat <b>' + fruitArray[i] + '</b><br>'
}
document.getElementById("text").innerHTML = text