JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<div class="board">
  <h2 class="color" id="topo">Frete</h2>
</div>
<div id="mostra_total" class="valores_carrinho">40,00</div>

JavaScript

$(function() {
   try {
       var valor = parseFloat($('#mostra_total').html().replace(',','.'));

       if(valor > 200) {
            $('#topo').html('Frete grátis');
       } else {
            $('#topo').html('Faltam R$' + (200 - valor)+''.replace('.',',') + ' para você obter frete grátis!');
       }
   } catch (e) {
       $('#topo').html('Erro verifique se o valor exibido está no formato "41,00"! Detalhes técnicos: ' + e);
   }
});