JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

"<div class=\"main_form\">
        <h3><span style=\"color:rgb(0, 159, 183)\"> Attributes </span> </h3>
        <ul>
        <li>a :  67</li>,<li>b :  78</li>,<li>c :  90</li>
        </ul>
        </div>"

JavaScript

var response = {"a":78, "b":89, c:90};
var li = [];
        Object.keys(response).forEach(function(value) {
            li.push(`<li>${value} :  ${response[value]}</li>`)
        })

        response = `<div class="main_form">
        <h3><span style="color:rgb(0, 159, 183)"> Attributes </span> </h3>
        <ul>
        ${li.join()}
        </ul>
        </div>`
        console.log(response)