JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<script src="//openexchangerates.github.io/money.js/money.js"></script>
<input placeholder="INR" type="text" class="currencyFrom">
<input placeholder="USD" type="text" class="currencyTo">
<button id="convertBtn">Convert</button>
<div class="currencyDataBlock">
<span></span>
</div>

Babel + JSX

const fromInput = document.querySelector('.currencyFrom');
const toInput  = document.querySelector('.currencyTo');
const convertBtn = document.getElementById('convertBtn');
const dataBlock = document.querySelector('.currencyDataBlock');
convertBtn.addEventListener('click', function(){
	fetch('//api.fixer.io/latest?symbols=USD,GBP').then(function(response){
  if(response.ok){
  	response.json().then(function(data){
    console.log(data);
    dataBlock.innerHtml = "<p>hi</p>";
			console.log(dataBlock);
	})
  }
  })
});