JSFiddle - React, Tailwind, and code Playground

by wevdevguru

HTML

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<ul class="car-list"></ul>

    <script>
        let arr = ['BMW', 'Mercedes', 'Volkswagen', 'Toyota'];

        const carList = document.querySelector('.car-list');
        let list = '';

        arr.forEach(item => {
            list += `<li>${ item }</li>`
        });

        carList.innerHTML = list;
    </script>
</body>
</html>