JSFiddle - React, Tailwind, and code Playground

by faad

HTML

<!DOCTYPE html >
<html >
    <head>
        <title>Currency Converter</title>
        <script>
        	function converter(){
          	var dollar = parseInt(document.getElementById('dollar').value);
            var convert = document.getElementById('convert').value;
            var cv = document.getElementById('cv12');
            if(convert == 1){
            	cv.value = dollar * 110.76;
              cv.type = "text";
            }
            if(convert == 2){
            	cv.value = dollar * 64.35;
              cv.type = "text";
            }
            if(convert == 3){
            	cv.value = dollar * 0.82;
              cv.type = "text";
            }
            if(convert == 4){
            	cv.value = dollar * 0.72;
              cv.type = "text";
            }
            if(convert == 5){
            	cv.value = dollar * 108.58;
              cv.type = "text";
            }
            if(convert == 6){
            	cv.value = dollar * 1.26;
              cv.type = "text";
            }

          }
        </script>
<head>
    <body>
       <form action="#" method="post" name="cc">
         USD: <input id="dollar" type="text" name="dollar" ><br>
         Convert to: <select name="convert" id ="convert">
           <option value="0">Select the Currency</option>
           <option value="1">PKR</option>
           <option value="2">INR</option>
           <option value="3">EURO</option>
           <option value="4">POUNDS</option>
           <option value="5">YEN</option>
           <option value="6">CAD</option>
         </select><br>
         <input type="button" name="submit" value="Convert" onclick="converter()">
       </form>
       <input type="hidden" name="cv" id="cv12" readonly />
    </body>

<html>