stylingMatrixAttributes.js

(async () => {

    const domain = window.location.host;
    const [RAD, itemID] = window.location.href.match(/\d+/g);
    const itemDOMDescription = document.querySelector('.description')

    const getItemMatrix = await fetch(`https://${domain}/API/Account/${RAD}/Item/${itemID}.json?load_relations=["ItemAttributes"]`, {
        credentials: "same-origin"
    });
    const itemMatrixData = await getItemMatrix.json();
    const dataAttributes = Object.entries(itemMatrixData.Item.ItemAttributes)
        .filter(attr => /attribute/g.test(attr))
        .reduce((mainWord, currentString) => `${mainWord} ${currentString[1]}`, '')
        const itemDescriptionText = itemDOMDescription.innerText
    const baseItem = itemDescriptionText.replace(new RegExp(dataAttributes.trim(), 'g'), "").trim()
            itemDOMDescription.innerText = baseItem;
            itemDOMDescription.insertAdjacentHTML('afterend', `<p style="color:red;font-weight: 800">${dataAttributes}</p>`)

})()