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>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
   
    
    <div class="row" id="rezult"></div>


   
</body>
</html>

JavaScript

const items = [{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },{
                img: 'IMac Pro',
                name: 'IMac Pro',
                name1: 'IMac Pro',
                cost: 'IMac Pro',
                price: 1000
            },]


        const list = document.getElementById('rezult');
        items.forEach(({img, name, name1, cost, price}) => {
            list.insertAdjacentHTML('beforeend', `
          ...