JSFiddle - React, Tailwind, and code Playground
HTML
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
crossorigin="anonymous"></script>
<!-- TIPO DE PLANO -->
<a href="#" class="ico_planos selected" data-val="170">
<div class="col-md-3">
<header>
<p>Mensal</p>
</header>
<section class="valor">
<p><span>R$</span>170<span>,00</span></p>
</section>
</div>
</a>
<a href="#" class="ico_planos selected" data-val="350">
<div class="col-md-3">
<header>
<p>Bimestral</p>
</header>
<section class="valor">
<p><span>R$</span>350<span>,00</span></p>
</section>
</div>
</a>
<!-- 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">R$ 306,00/mês</p> <!-- <- MOSTRAR AQUI O RESULTADO DE TIPO DE PACOTE X QUANTIDADE ESCOLHIDA (170X1 = 170) -->
</section>
JavaScript
function calc(){
var plano = parseInt($('.selected').data('val'), 10);
var ponto = parseInt($('#selectQntdPlayers').val(), 10);
console.log(plano);
$('p.simulacaoValorTotal').html('R$ '+plano*ponto+',00');
}
$(document).ready(function(){
$('.ico_planos').click(function(){
$('.ico_planos.selected').removeClass('selected');
$(this).addClass('selected');
calc();
})
$('#selectQntdPlayers').change(function(){
calc();
})
})