JSFiddle - React, Tailwind, and code Playground

by novikov433

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
        <div id="list"></div>
<script>

        const list = document.getElementById("list");
            const items = [{
                height: 130,
                width: 30,
                square: 100}];
                
           
                items.forEach((item) => {
                    list.innerHTML += `
                        <div>${item.height}</div>
                        <div>${item.width}</div>
                        <div>${item.square}</div>
                    `
            });

        const elem = document.getElementById('list');
        for(let i = 0; i < 10; i++) {
            elem.insertAdjacentHTML('beforeend', `<p>Element #${i}</p>`);
        }
        
    </script>
</body>
</html>