Answer to Question #303823 in HTML/JavaScript Web Application for taufiq umar

Question #303823

by using for...of loop.

Use the below reference image link:

https://assets.ccbp.in/frontend/content/dynamic-webapps/ce-3-1-3-for-of-loop-op.png.

Achieve the design using the

for...of loop to iterate over an array in the JS prefilled code.

Expert's answer

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
    <h1>Cars</h1>
    <ul id="container"></ul>
    <script>
        const container = document.querySelector('#container');
        const cars = ['Benz', 'Ferrari', 'Audi', 'BMW'];

        cars.map(e => {
            const car = document.createElement('li');
            car.textContent = e;
            container.appendChild(car)
        })
    </script>
</body>
</html>

Learn more about our help with Assignments: Programming & Computer Science

Comments

No comments. Be the first!

Answer to Question #303823 in HTML/JavaScript Web Application for taufiq umar

Comments

Leave a comment

Related Questions