I need to wrap r.title value with <b></b> tag.
I wanted to do so r.subtitle && (l = "<b>" + r.title + "</b>" + r.subtitle), but displays it in text.
This function
function (e, t, n) {
"use strict";
function r(e) {
return e && e.__esModule ? e : { default: e };
}
Object.defineProperty(t, "__esModule", { value: !0 });
var o = n(0),
a = r(o),
i = n(1),
l = r(i),
u = function (e) {
var t = e.className,
n = e.style,
r = e.track,
o = e.trackNo,
i = e.displayArtistNames,
l = r.title;
return i && r.subtitle && (l = r.title + " - " + r.subtitle), null != o && (l = o + ". " + l), a.default.createElement("span", { style: n }, l);
};
(u.propTypes = { track: l.default.object.isRequired, trackNo: l.default.number, style: l.default.object, className: l.default.string, displayArtistNames: l.default.bool }), (t.default = u);
},
You can use the .innerText property to set element's text or .innerHTML / .outerHTML to set the html-code inside or outside of html element tag:
var elementCode = "<b>" + title + "</b>";
document.body.innerHTML += elementCode;
You can also use create and append child functions (more recommended)