JSFiddle - React, Tailwind, and code Playground

by 3rror404

JavaScript

var itemTemplate = '<div class="item">';
                itemTemplate += '<div class="title">{{title}}</div><div class="scores"><div>';
                itemTemplate += '<div style="width: {{positive}}%">{{positive}}%</div><div style="width: {{mixed}}%">{{mixed}}%</div><div style="width: {{negative}}%">{negative}}%</div>';
                itemTemplate += '</div></div>';
                itemTemplate += '<div class="movement">{{total}} (-1)</div>';
                itemTemplate += '</div>';
                
var strItem = itemTemplate;
strItem = strItem.replace('{{title}}', 'test');
strItem = strItem.replace(/{{positive}}/g, 'test 2');
strItem = strItem.replace(/{{mixed}}/g, 'test 3');
strItem = strItem.replace(/{{negative}}/g, 'test 4');
strItem = strItem.replace(/{{total}}/g, 'test 5');

                    console.log(strItem);