Как я могу CSS -тилизировать разные результаты одной и той же функции Python?

Question

У меня есть функция Python, которая возвращает разные сообщения в разных сценариях ios. Я хочу по-разному оформлять разные сообщения, но не знаю, как это сделать. Это моя функция:

def checkans(request, spanish_id):
    random_spanish_question = get_object_or_404(Spanish, pk=spanish_id)
    query = request.GET.get('ans')
    coreng = random_spanish_question.english_set.get()
    if query == str(coreng):
        message = {
        'message' : "Correct!"
        } 
        return JsonResponse(message)
    else:
        message = { 
        'message' : "Incorrect. The correct answer is " + str(coreng)
        }
        return JsonResponse(message)

Это страница HTML:

<div class="flexcontainer" style="justify-content: center;">
    <div class="sectiontitle">Quiz time
    </div>
        <div class="question_card">
            <div class="question_word">{{ random_spanish_question }}</div>
            <div id="msg"></div>
            <form action="/checkans/{{random_spanish_question.id}}/" method="get">{% csrf_token %}
                <label for="ans">Answer:</label>
                <input type="text" name="ans"autofocus autocomplete="off" id="ansfield"/>
                <input type="submit" value="Submit"/ id="submitbtn">
            </form>
        <input type="submit" value="Skip"/>
        <button onclick="location.reload();">Next</button>
        </div>
</div>

А это код JS и AJAX:

$('form').on('submit', function(e){
    e.preventDefault();

    var form = $(this);
    var url = form.attr('action');

    $.ajax({
        type: 'GET',
        url: url,
        data: form.serialize(),
        success: function(data){
            $("#msg").html(data.message);
        }
    });

    disable();
})

function disable(e){
    $('#submitbtn').prop('disabled', true);
    $('#ansfield').prop('disabled', true)
}

Например, я хочу сделать "Правильно!" сообщение зеленое, а если оно возвращает «Неправильно ...», я хочу, чтобы оно было красным, и подчеркните ответ «str (coreng)». Пожалуйста, скажите мне, как я могу это сделать. Заранее спасибо!

Answer 1

def checkans(request, spanish_id):
    random_spanish_question = get_object_or_404(Spanish, pk=spanish_id)
    query = request.GET.get('ans')
    coreng = random_spanish_question.english_set.get()
    if query == str(coreng):
        message = {
            'message' : "<span class=\"result-correct\">Correct!</span>"
        } 
    return JsonResponse(message)
    else:
    message = { =
        'message' : "<span class=\"result-incorrect\">Incorrect. The correct answer is " + str(coreng)</span>
    }
return JsonResponse(message)

, где эти классы определены в css:

.result-correct{
    color:#00aa00; // or any shade of green you like
}

.result-incorrect{
    color:#aa0000; // or any shade of red you like
}