JSFiddle - React, Tailwind, and code Playground

by edwardantony

HTML

<select id='currency' class="currency"> 
    <option value='1'>USD</option>
    <option value='2'>INR</option>
</select>
<br>
<p id="price">10</p>

<div id="price">

<p class="price">1</p>
    </div>

CSS

.price, #price {margin:5px 20px;float:left; background:#ccc;font-size:106px; color: #ff6600;}

JavaScript

$(document).ready(function () {
     $('#currency').on('change', function () {  
       
            sel=$(this).attr('value');
            getamount=$('.price').html(); 
         if (1 == sel) {
             peramt=getamount;
             conv = 1
             usdamt = conv * perusd;
             document.getElementById("price").innerHTML = usdamt;
             alert(x);
    }
         }
         else { 
             perusd = getamount;
             conv = 65
             inramt = conv * perusd;
             document.getElementById("price").innerHTML = inramt;
         }
     });
});