JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
<div class="col-md-3">
<a href="javascript:void(0);" class="ico_planos">
    <div class="col-md-3 col-sm-3">
        <header>
          <p>Mensal</p>
        </header>                       
        <section class="valor selected">
            <p>R$ <span>170,00</span></p>
        </section>
    </div>
</a>
</div>
<div class="col-md-3">
<a href="javascript:void(0);" class="ico_planos">
    <div class="col-md-3 col-sm-3">
        <header>
          <p>Trimestral</p>
        </header>                       
        <section class="valor">
          <p>R$ <span>150,00</span></p>
        </section>
    </div>
</a>
</div>
<div class="col-md-3">
<a href="javascript:void(0);" class="ico_planos">
    <div class="col-md-3 col-sm-3">
        <header>
          <p>Semestral</p>
        </header>                       
        <section class="valor">
          <p>R$ <span>130,00</span></p>
        </section>
    </div>
</a>
</div>
</div>

<!-- QUANTIDADE QUE ESCOLHER -->
<select name="qntdPlayers" id="selectQntdPlayers">
    <option value="1">01 Ponto</option>
    <option value="3">03 Pontos</option>
    <option value="6">06 Pontos</option>
    <option value="9">09 Pontos</option>
    <option value="10">10 ou mais Pontos</option>
</select>

<!-- DENTRO DA DIV simulacaoValorTotal eu gostaria de mostrar o resultado da multiplicação de valor x value escolhido -->
<section class="praquem">
    <p><b style="color:#064e71">Valor do pacote</b></p>
    <p class="simulacaoValorTotal" id="simulacaoValorTotal">R$ 306,00/mês</p> <!-- <- MOSTRAR AQUI O RESULTADO DE TIPO DE PACOTE X QUANTIDADE ESCOLHIDA (170X1 = 170) --> 
</section>

CSS

section.selected{
  color: gray;
}

JavaScript

$('section.valor').click(function(){
		$('section.valor').removeClass( "selected" ); //Remove classe selected de todos
		$(this).addClass('selected'); //add classe selected ao item selecionado
		calculaValor(); //chama função para alterar o resultado
});

 $('#selectQntdPlayers').change(function(){
 		calculaValor(); //chama função para alterar o resultado
 })

function calculaValor(){
	var plano = $('section.selected').find('span').first().html(); //obtem o valor da modalidade selecionado
	var pontos = $('#selectQntdPlayers option:selected').val(); //obtem o valor do select
	var result = parseInt(plano) * parseInt(pontos); //multiplica os dois (convertendo para int antes)
	$('#simulacaoValorTotal').html('R$ ' + result + ',00/mês'); //exibe o resultado
}