<!DOCTYPE html>
    
<html lang="en"> <head> 
<meta charset="utf-8"/> 
<title>Loops: Task 1</title> 

</head> 
<body> 
<section class="preview"> </section> 
</body> 
</html>



let myArray = [
'tomatoes', 
'chick peas', 
'onions', 
'rice', 
'black beans'
]; 
let list = document.createElement('ul'); 
let oList = document.createElement('li');
list.appendChild(oList);
const section = document.querySelector('section'); section.appendChild(list);

for (let i=0; i<myArray.length; i++){
    oList.textContent=myArray[i];
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.