Javascript 用户表单输入一个值，进行转换并自动转换为另一个表单输入值

我有两个表单输入，用户输入第一个值，它会自动转换成货币，然后作为值输入到另一个输入表单中

我尝试了一些DOM操作，但我没有足够的实力来这么做

   <div class="form-group">
       <input id="inpDollar" class="form-control" type="number" 
       name="dollar" placeholder="dollar">
   </div>
   <div class="form-group">
       <input id="inpEuro" class="form-control" type="number" name="euro" 
       placeholder="euro">
   </div>

用户应在注册表格中填写输入字段，其中1个是美元输入。他在字段中输入10的值。现在这个10被转换成了欧元，所以另一个id为inpEuro的输入字段应该将值11,08四舍五入为一个不带小数点的整数

---

因此，简而言之，如果您在输入字段中键入一个值，其他输入将自动填充转换后的值，稍后提交。

不干净，但可以

<div class="form-group">
       <input id="inpDollar" class="form-control" type="number" 
       name="dollar" placeholder="dollar" onkeyup="convertToEuro()">
   </div>
   <div class="form-group">
       <input id="inpEuro" class="form-control" type="number" name="euro" 
       placeholder="euro">
   </div>

如果用户键入示例12，您还应该捕获任何错误。未完成小数点后的值

快乐编码…

您可以用它来听一个输入，然后从您的输入中读取值，将其相乘，然后设置另一个输入的值

下面是代码中的内容：

const dollarInput=document.getElementById'inpDollarinput' const euroInput=document.getElementById'inpuro' 常数dollar2euro=0.9； 常数euro2dollar=1./dollar2euro； dollarInput.addEventListener'input'，=>{ //如果该值为空或null if！dollarInput.value{ euroInput.value=； 回来 }; const convertedValue=dollarInput.value*dollar2euro； euroInput.value=Math.roundconvertedValue； } euroInput.addEventListener'input'，=>{ //如果该值为空或null if！euroInput.value{ dollarInput.value=； 回来 }; const convertedValue=euroInput.value*euro2dollar； dollarInput.value=Math.roundconvertedValue； }

<script>
function convertToEuro() {
   var usd = document.getElementById("inpDollar").value;
   //do the convert here...
   var euro = converToEuroService(usd);//get convert result
   // set the other field value
   document.getElementById("inpEuro").value = Math.round(euro);// The Math.round() function returns the value of a number rounded to the nearest integer.
}
</script>