javascript - 带Js的货币转换器

标签 javascript html css

所以我想使用 Js 创建一个简单的货币转换器,我想通过创建列出 5 种可用硬币(美元、欧元、英镑、澳元和日元)来实现,用户必须从第一个列表中选择他想要的硬币要转换,在第二个列表中,他必须选择他想要的硬币作为结果。这是我到目前为止所做的:

function calculate() {
  var amount = parseFloat(document.getElementById("amount").value);
  var select = document.getElementById("select");
  var select1 = document.getElementById("select1");
  var result = document.getElementById("result");

  if (select.value === "USD") && (select1.value === "USD")  {
    result.value = (amount * 1);
  }
  if (select.value === "USD") && (select1.value === "EUR")  {
    result.value = (amount * 0.88);
  }
  if (select.value === "USD") && (select1.value === "AUD")  {
    result.value = (amount * 1.37);
  }
  if (select.value === "USD") && (select1.value === "GBP")  {
    result.value = (amount * 0.69);
  }
  if (select.value === "USD") && (select1.value === "JPY")  {
    result.value = (amount * 108.96);
  }
  if (select.value === "EUR") && (select1.value === "EUR")  {
    result.value = (amount * 1);
  }
  if (select.value === "EUR") && (select1.value === "USD")  {
    result.value = (amount * 1.13);
  }
  if (select.value === "EUR") && (select1.value === "AUD")  {
    result.value = (amount * 1.55);
  }
  if (select.value === "EUR") && (select1.value === "GBP")  {
    result.value = (amount * 0.79);
  }
  if (select.value === "EUR") && (select1.value === "JPY")  {
    result.value = (amount * 123.47);
  }
  if (select.value === "EUR") && (select1.value === "EUR")  {
    result.value = (amount * 1);
  }
  if (select.value === "EUR") && (select1.value === "USD")  {
    result.value = (amount * 1.13);
  }
  if (select.value === "EUR") && (select1.value === "AUD")  {
    result.value = (amount * 1.55);
  }
  if (select.value === "EUR") && (select1.value === "GBP")  {
    result.value = (amount * 0.79);
  }
  if (select.value === "EUR") && (select1.value === "JPY")  {
    result.value = (amount * 123.47);
  }
  if (select.value === "GPB") && (select1.value === "EUR")  {
    result.value = (amount * 1.27);
  }
  if (select.value === "GPB") && (select1.value === "USD")  {
    result.value = (amount * 1.44);
  }
  if (select.value === "GPB") && (select1.value === "AUD")  {
    result.value = (amount * 1.98);
  }
  if (select.value === "GPB") && (select1.value === "GBP")  {
    result.value = (amount * 1);
  }
  if (select.value === "GPB") && (select1.value === "JPY")  {
    result.value = (amount * 157.08);
  }
  if (select.value === "AUD") && (select1.value === "EUR")  {
    result.value = (amount * 0.64);
  }
  if (select.value === "AUD") && (select1.value === "USD")  {
    result.value = (amount * 0.73);
  }
  if (select.value === "AUD") && (select1.value === "AUD")  {
    result.value = (amount * 1);
  }
  if (select.value === "AUD") && (select1.value === "GBP")  {
    result.value = (amount * 0.51);
  }
  if (select.value === "AUD") && (select1.value === "JPY")  {
    result.value = (amount * 79.51);
  }
  if (select.value === "JPY") && (select1.value === "EUR")  {
    result.value = (amount * 0.0081);
  }
  if (select.value === "JPY") && (select1.value === "USD")  {
    result.value = (amount * 0.0092);
  }
  if (select.value === "JPY") && (select1.value === "AUD")  {
    result.value = (amount * 0.013);
  }
  if (select.value === "JPY") && (select1.value === "GBP")  {
    result.value = (amount * 0.0064);
  }
  if (select.value === "JPY") && (select1.value === "JPY")  {
    result.value = (amount * 1);
  }
}
<h1>Convert US Dollars to Euros </h1>
<form>
  <p>
    <label for="amount">Amount:</label>
    <input type="text" id="amount" value="">
    <select id="select">
      <option value="USD">USD </option>
      <option value="EUR">EUR </option>
      <option value="GPB">GBP </option>
      <option value="AUD">AUD </option>
      <option value="JPY">JPY </option>
    </select>
    <select id="select1">
      <option value="USD">USD </option>
      <option value="EUR">EUR </option>
      <option value="GPB">GBP </option>
      <option value="AUD">AUD </option>
      <option value="JPY">JPY </option>
    </select>
    <input type="text" id="result" value="">
  </p>
  <p>
    <input type="button" value="Calculate" onclick="calculate();">
    <input type="reset" value="Reset">
  </p>
</form>

但到目前为止它根本不起作用......我不明白为什么......我做错了什么?

最佳答案

if 语句不应在 && 符号之间结束。那么你在哪里

if (select.value === "EUR") && (select1.value === "EUR")

应该是

if (select.value === "EUR" && select1.value === "EUR")

关于javascript - 带Js的货币转换器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37260047/

相关文章:

javascript - 悬停菜单上显示嵌套的 div

javascript - 在 jQuery 中访问 PHP $_SESSION 变量并执行错误处理和页面重定向

javascript - 如何防止 LeafletJS 在重叠标记上发出多个点击事件?

html - 在嵌套的 div 中使用 flexbox 获取可用高度

html - 计数器前的 CSS 不适用于 div

HTML/CSS 创建比视口(viewport)宽的主体

html - 四列等宽,0外边距,等内边距

javascript - tinyMCE - 将样式复制到剪贴板以供 word 等使用

javascript - Django View 运行 python 脚本

javascript - 使用 JQuery 更改 svg 内的填充颜色