Qfyilyi

I'm creating a chat module. Everything's done but I use a too modern code for IE10/IE11 and I need this compatibility ...

I changed a lot of things but I'm stuck with something easy for you guyz I'm sure.

I need to go back from a template literal to an old way. Any Help ? Here's my function I need to change : data is a simple Array with Objects in it : data = [{},{},{}]

function createChatBox(data) {

        return ` <div class="vchat__options">

            ${data.map((info, index) =>

                `${info.action === 'site' ? `<a href="${info.url}" target="_blank" id="vchat__${index}" class="vchat__box">

                <div class="vchat__block">

                    ${info.svg}

                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>

                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>

                </div>

                </a>` : `<div id="vchat__${info.id}" class="vchat__box ${info.action === 'next' ? 'js-vchatPanel' : 'js-vchatZopim'}">

                <div class="vchat__block">

                    ${info.svg}

                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>

                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>

                </div>

                </div>`}`

            ).join('')}

        </div>`;

    }

I don't need the full code. Just any tips, advices will be cool !
Thank you

Checkout webpack and Babel to transpile new ES6 JavaScript syntax to be compatible with older browsers. Once setup, you can specify which browser versions etc. you need to support.

Put your code example into the online Babel compiler to view results.