JSFiddle - React, Tailwind, and code Playground

by dhaval_123

HTML

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<select name="price" id="priceSelect">
  <option value="10">10</option>
  <option value="100">100</option>
  <option value="200">200</option>
  <option value="500">500</option>
</select>
  
<div id="msg"></div>

JavaScript

calcuateRewardPoint();
$('body').on("change","select",function() {
  calcuateRewardPoint();
});

function calcuateRewardPoint(){
var rewardPts = $("#priceSelect").find(":selected").val();
var t_section = '<p>Sign up to earn '+ rewardPts + ' points for this purchase</p>';
$('#msg').append(t_section);
}