Currency Converter
Info
Created On: April 12, 2023
Created By:
AI
Model: gpt-4-0314
Time: 228 seconds
Prompt Tokens: 815
Completion Tokens: 1380
Total Token Cost: 2195
Get This App On Your Website
Copy Code
1. Copy the code above with the iframe and link.
2. Paste the code into your website.
3. Resize the iframe to fit your website.
Javascript, HTML, CSS Code
Copy
<html>
<head>
<script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Currency Converter</title>
<meta name="description" content="Convert between the ten most used monetary currencies in the world">
<meta name="keywords" content="currency converter, exchange rate, money conversion">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Built-In Functions for Apps -->
<script type="text/javascript">
var localStoragePrefix = "ct-168131906278914";
var lastSave = 0;
// save to localstorage
function saveLocal(data) {
if (Date.now() - lastSave < 1000) {
return;
}
// save to cookie
let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict";
cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();
document.cookie = cookie;
lastSave = Date.now();
}
// load from localstorage
function loadLocal() {
var cookiePrefix = localStoragePrefix + "=";
var cookieStart = document.cookie.indexOf(cookiePrefix);
if (cookieStart > -1) {
let cookieEnd = document.cookie.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = document.cookie.length;
}
var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);
return JSON.parse(cookieData);
}
}
</script>
<script type="text/javascript">
// App Javascript Goes Here
var exchangeRates = {};
function getExchangeRates() {
$.ajax({
url: "https://api.exchangerate-api.com/v4/latest/USD",
method: "GET",
success: function (data) {
exchangeRates = data.rates;
},
error: function () {
alert("Error fetching exchange rates. Please try again later.");
}
});
}
function convertCurrency() {
var fromCurrency = $("#fromCurrency").val();
var toCurrency = $("#toCurrency").val();
var amount = $("#amount").val();
var fromRate = exchangeRates[fromCurrency];
var toRate = exchangeRates[toCurrency];
var result = (amount / fromRate) * toRate;
$("#result").text(result.toFixed(2));
}
$(document).ready(function () {
getExchangeRates();
$("#convertButton").click(convertCurrency);
});
</script>
<style>
/* App CSS Goes Here */
body {
font-family: 'Roboto', sans-serif;
background-color: #f5f5f5;
}
#main-container {
max-width: 500px;
margin-top: 50px;
}
h1 {
font-size: 28px;
text-align: center;
margin-bottom: 30px;
}
.form-group {
margin-bottom: 10px;
}
#result {
font-size: 24px;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
</style>
<link rel="canonical" href="https://calculator.tools/prompt/322/">
<meta charset="utf-8">
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<h1>💱 Currency Converter</h1>
<div class="form-group">
<label for="fromCurrency">From</label>
<select id="fromCurrency" class="form-control">
<option value="USD">US Dollar (USD)</option>
<option value="EUR">Euro (EUR)</option>
<option value="JPY">Japanese Yen (JPY)</option>
<option value="GBP">British Pound (GBP)</option>
<option value="AUD">Australian Dollar (AUD)</option>
<option value="CAD">Canadian Dollar (CAD)</option>
<option value="CHF">Swiss Franc (CHF)</option>
<option value="CNY">Chinese Yuan (CNY)</option>
<option value="SEK">Swedish Krona (SEK)</option>
<option value="NZD">New Zealand Dollar (NZD)</option>
</select>
</div>
<div class="form-group">
<label for="toCurrency">To</label>
<select id="toCurrency" class="form-control">
<option value="USD">US Dollar (USD)</option>
<option value="EUR">Euro (EUR)</option>
<option value="JPY">Japanese Yen (JPY)</option>
<option value="GBP">British Pound (GBP)</option>
<option value="AUD">Australian Dollar (AUD)</option>
<option value="CAD">Canadian Dollar (CAD)</option>
<option value="CHF">Swiss Franc (CHF)</option>
<option value="CNY">Chinese Yuan (CNY)</option>
<option value="SEK">Swedish Krona (SEK)</option>
<option value="NZD">New Zealand Dollar (NZD)</option>
</select>
</div>
<div class="form-group">
<label for="amount">Amount</label>
<input type="number" id="amount" class="form-control" placeholder="Enter amount" min="0" step="0.01">
</div>
<button id="convertButton" class="btn btn-primary btn-block">Convert</button>
<div id="result"></div>
</div>
<script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script>
<script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script>
</body>
</html>