JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="ico_planos">
    <div class="col-md-3">
        <header>
          <p>Mensal</p>
        </header>                       
        <section class="valor" data-plan-price="170">
          <p><span>R$</span>170<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"></p> <!-- <- MOSTRAR AQUI O RESULTADO DE TIPO DE PACOTE X QUANTIDADE ESCOLHIDA (170X1 = 170) --> 
</section>

JavaScript

var keep = {};
// Create our number formatter.
var formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'BRL',
  minimumFractionDigits: 2,
});

document.querySelector('#selectQntdPlayers').onchange = function (event) { 
	var totalPrice;
  var selectedModifier = parseInt(event.target.value,10);
  if (!keep.selectedPlan) return false;
  totalPrice = formatter.format(keep.selectedPlan * selectedModifier);
  document.querySelector('.simulacaoValorTotal').innerText = totalPrice + "/mês";
  console.log("R$ " + totalPrice + "/mês");
}

document.querySelector('.valor').onclick = function (event) {
	keep.selectedPlan = parseInt(this.getAttribute("data-plan-price"),10);
}