今天给大家伙儿分享一个我昨天晚上捯饬出来的玩意儿，一个简易的货币转换器。说起来也没啥高深的技术，就是自己琢磨着玩，顺便把一些零碎的知识点给串起来了。
事情是这么开始的，前几天我媳妇儿在网上看上一件国外的小玩意儿，非要买，但是那个价格是外币标价的，换算成人民币，她又觉得麻烦，让我帮忙算。来回搞了几次，我就寻思，要不自己做一个简单的小工具，以后算起来也方便。
说干就干，我立马打开电脑，先捋了捋思路。这玩意儿得能输入外币金额，然后选择要转换成的目标货币，点一下按钮就能出结果。基本功能就这些。想着挺简单的，就直接开撸。
我用最简单的HTML搭了个界面。搞了两个输入框，一个用来输入外币金额，另一个显示转换后的结果。然后用`
界面搭好后，就开始写JavaScript代码了。这部分是核心，得搞清楚怎么获取汇率。一开始我想自己找个免费的API，但是试了好几个，要么不稳定，要么有限制。后来一想，干脆用笨办法，手动维护一个汇率表，虽然麻烦点，但是自己能控制。
- 我定义了一个JavaScript对象，把各种货币的汇率都放进去，比如：
- 这个汇率肯定不是实时的，但是对于我媳妇儿偶尔用用来说，也够了。
var rates = {
'USD': 7.2,
'EUR': 7.8,
'JPY': 0.05,
// ... 其他货币
我写了一个`convertCurrency()`函数，这个函数负责获取用户输入的金额，以及选择的货币，然后根据汇率表进行计算，把结果显示在输出框里。
这个函数大概是这样子的：
function convertCurrency() {
var amount = *('amount').value;
var currency = *('currency').value;
var rate = rates[currency];
var result = amount rate;
*('result').value = *(2); // 保留两位小数
给那个转换按钮绑定一个点击事件，点击的时候就调用`convertCurrency()`函数。
完事儿！一个简易的货币转换器就这么完成了。虽然界面简陋，汇率也不是最新的，但是功能是实现了。我媳妇儿试用了一下，觉得还挺方便的。
总结一下这回的实践：
- HTML是基础： 界面是骨架，得先搭
- JavaScript是灵魂： 功能实现全靠它。
- 手动维护数据： 简单粗暴，但是管用。
这个小工具还有很多可以改进的地方，比如：
- 接入实时汇率API： 让汇率更准确。
- 美化界面： 让用户体验更
- 增加更多货币种类： 满足更多需求。
不过对于我来说，目前这样已经够用了。以后有时间再慢慢完善。这回的实践也让我复习了一下HTML、CSS和JavaScript的基础知识，感觉还不错。希望能给各位一些启发，大家也动手试试，说不定能做出更有意思的东西！
还没有评论，来说两句吧...