Currency Converter Blogger Script

Free Currency Converter Blogger Script

Currency Exchanger

From : To :

Copy Paste This Code

<style>

*{

    margin: 0;

    padding: 0;

    outline: 0;

    font-family: 'Nunito',sans-serif;

}

.container h2{

    padding: 8px 16px;

    text-align: center;

    background-color: #00796b;

    color:  #fafafa;

    border-radius: 8px 8px 0 0;

}

.app{

    padding: 8px 16px;

}

.app button{

    border: none;

    background-color: #00796b;

    color: #fafafa;

    border-radius: 3px;

    padding: 8px 12px;

    margin: 8px 10px;

}

.app input{

    padding: 8px 15px;

    margin: 8px 10px;

    border-radius: 5px;

    border: 1px solid #00796b;

}

.app select{

    padding: 8px 15px;

    margin: 8px 10px;

    border-radius: 5px;

    border: 1px solid #00796b;

}

.app p{

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    margin: 15px 0;

}

	</style>

            <h2>Currency Exchanger</h2>

            <div class="app">
                   <input id="value" type="text">

                   <label>From : </label>

                   <select id="from"></select>

                   <label>To :</label>

                   <select id="to"></select>

                   <button id="btn">Convert</button><br>

                <p id="result"></p>

            </div>
     
	<script>

	//Fetching the Code list

let currency_code = ["CAD","HKD","ISK","PHP","DKK","HUF","CZK","AUD","RON","SEK","IDR","INR","BRL","RUB","HRK","JPY","THB","CHF","SGD","PLN","BGN","TRY","CNY","NOK","NZD","ZAR","USD","MXN","ILS","GBP","KRW","MYR","EUR"];

let from = document.querySelector('#from');

let to = document.querySelector('#to');

let btn = document.querySelector('#btn');

let input = document.querySelector('#value')

let rslt = document.querySelector('#result');

for(let i = 0;i<currency_code.length;i++){

    let opt1 = document.createElement('option');

    opt1.appendChild(document.createTextNode(currency_code[i]));

    opt1.value = currency_code[i];

    let opt2 = document.createElement('option');

    opt2.appendChild(document.createTextNode(currency_code[i]));

    opt2.value = currency_code[i];

    from.appendChild(opt1);

    to.appendChild(opt2);

}


btn.addEventListener('click', function(){

    let from_value = from.value;

    let to_value = to.value;

    let url = "https://api.exchangeratesapi.io/latest?base="+from_value;

    let val = input.value;

    console.log(val);

    fetch(url)

    .then(response =>response.json().then(data => {

        console.log(data.rates[to_value])

        let rate = data.rates[to_value];

        console.log(val * rate)

        let res = val+" "+from_value+" = "+ (val * rate)+ " " + to_value;

        rslt.innerHTML = res;

    }))

    .catch(err =>{

    console.log(err);

    });

});

	</script>