function styleAnswer()

in ArticleTemplates/assets/js/modules/quiz.js [233:265]

• 23 lines of code
• 4 McCabe index (conditional complexity)

function styleAnswer(answer) {
    const answerImages = answer.querySelectorAll(':scope > img');
    const answerMarker = document.createElement('div');
    const answerMessage = document.createElement('div');
    const answerWrapper = document.createElement('div');
    const answerText = answer.getElementsByClassName('answer__text');
    let i;

    // Wrap answer in a div for styling
    answerWrapper.classList.add('answer__wrapper');
    answer.appendChild(answerWrapper);

    // Add an answer message div to wrap text answer, correct/wrong message and explanation response
    answerMessage.classList.add('answer__message');
    answerWrapper.appendChild(answerMessage);

    // Add a marker icon span
    answerMarker.classList.add('answer__marker');
    if (isPersonalityQuiz) {
       answerMarker.innerHTML = '<div class="answer__marker__inner"></div>';
    }
    answerWrapper.appendChild(answerMarker);

    // Does this answer have text
    for (i = 0; i < answerText.length; i++) {
        adjustText(answerMessage, answerText[i]);
    }

    // Does this answer have an image
    for (i = 0; i < answerImages.length; i++) {
        adjustImage(answer, answerWrapper, answerImages[i], false);
    }
}