JS实现南非兰特(ZAR)兑美元/欧元/英镑转换功能求助

原dollar()函数无法正常运行有3个核心问题：

• DOM方法拼写错误：getElementbyId是错误写法，标准API的方法名为getElementById，Id的首字母必须大写，否则浏览器会报"方法不存在"的错误，根本拿不到输入框的值。
• 计算逻辑完全写反：你定义的常量是1美元兑换15.5734南非兰特，兰特兑换美元应该用输入金额除以汇率，原代码写的乘法会得到完全不符合常识的结果（比如输入1兰特会算出能换15.57美元）。
• 缺少输入校验：输入框的value默认是字符串类型，遇到空输入、输入负数/非数字的情况会直接算出NaN，没有兜底提示。

JavaScript部分 #

直接替换原有JS代码即可，已补全欧元、英镑的转换逻辑，所有结果默认保留2位小数适配货币展示规则，加了基础的输入校验：

function dollar() {
  const money = parseFloat(document.getElementById("rand").value);
  if (isNaN(money) || money < 0) {
    document.getElementById('result').textContent = "请输入有效的非负金额";
    return;
  }
  // 汇率：1美元兑换15.5734南非兰特，可按需替换为实时汇率
  const rate = 15.5734;
  const res = (money / rate).toFixed(2);
  document.getElementById('result').textContent = `${res} 美元(USD)`;
}

function euro() {
  const money = parseFloat(document.getElementById("rand").value);
  if (isNaN(money) || money < 0) {
    document.getElementById('result').textContent = "请输入有效的非负金额";
    return;
  }
  // 汇率：1欧元兑换16.78南非兰特，可按需替换为实时汇率
  const rate = 16.78;
  const res = (money / rate).toFixed(2);
  document.getElementById('result').textContent = `${res} 欧元(EUR)`;
}

function pound() {
  const money = parseFloat(document.getElementById("rand").value);
  if (isNaN(money) || money < 0) {
    document.getElementById('result').textContent = "请输入有效的非负金额";
    return;
  }
  // 汇率：1英镑兑换19.20南非兰特，可按需替换为实时汇率
  const rate = 19.20;
  const res = (money / rate).toFixed(2);
  document.getElementById('result').textContent = `${res} 英镑(GBP)`;
}

HTML部分 #

你原有HTML代码不需要做任何修改，直接保留即可正常运行。

注：代码中用到的汇率为参考示例值，正式使用时替换为对应币种的实时汇率即可。

内容的提问来源于stack exchange，提问作者gracedshowoff