generateCardContent.js

function generateCardContent(question) {
                return `
                    <div slot="main">
                    <pre>

    ${question.selector} {

        ${question.properties.reduce((res, val) => {
            return `${res}
                ${val}:
            `
        }, '')}

    }

                    </pre>
                    ${question.properties.reduce((res, val) => {
            return `
                ${res}
                <vwc-text-field label="${val}" id="${val}"></vwc-text-field>
            `
        }, '')}
        <div style="text-align: center; margin-top: 5px;">
                    <vwc-button appearance="filled" connotation="cta" onclick="verifyAnswer(${question.id})" label="Submit"></vwc-button>
                    </div>
                </div>
                    `;
}