How To Make a bold unread Message in javascript

how to insert a navbar unread bold I’m using javascript inside.html the bold function is not working can you guys help me with the answer?

<script type="text/javascript">
    function GetSideBarCount() {
        $.ajax({
            url: '/Supervisor/GetSideBarCount',
            async: true,
            contentType: "application/json",
            beforeSend: function () { },
            cache: false,
            success: function (data) {
                if (data.notice != 0) {
                    $('.spn-notice-count').text(data.notice).show();
                    $('.spn-notice').html('<i class="text-danger fas fa-exclamation-circle mr-0"></i> ' + data.notice + '<b>NOTICE</b>').show();
                }
                else {
                    $('.spn-notice-count,.spn-notice').hide();
                }