饲养文本框中，货币转换器 - HTML5，使用Javascript

<!doctype html> 
<html lang="en> 
<head> 
    <meta charset="utf=8" /> 
    <title>Pound Euro Converter</title> 
    <link rel="stylesheet" href="ptec.css" /> 
    <script type="text/javascript"> 

     var euro; 

     function ETP(){ 
      euro = document.getElementById("euro").value; 
      var pound = euro/1.17; 
      document.getElementByID("answer").innerHTML = "Pounds = " + pound; 
     } 

    </script> 



<body> 

    <p id="answer"></p> 

    <input type="text" id="euro"/> 

    <button onClick="ETP();">Convert</button> 



</body> 

</html>

的问题是，当我将我的输入（欧元）成英镑，JavaScript的屏幕上写答案（磅），但其他的删除等一应俱全屏幕，包括输入框。我需要一个转换器，其中输入框始终保持在屏幕上，只需在输入框中更改数字并单击转换即可。我必须把输入放在某种循环中吗？我知道如果我可以把输入框放在Javascript函数中，并且如果我继续循环它可能工作的函数。有没有人有任何想法。始终保持屏幕上功能运行和文本框最简单的方法。〜与谷歌翻译相同，除了货币转换器基本上。饲养文本框中，货币转换器 - HTML5，使用Javascript

来源

2013-06-24 Greg Peckory

只需将答案写入元素即可。 document.write()的问题是它破坏了页面上的所有内容。

HTML - 某处写答案

<p id="answer"></p>

的Javascript

function ETP(){ 
     euro = document.getElementById("euro").value; 
     var pound = euro/1.17; 
     document.getElementById("answer").innerHTML = "Pounds = " + pound; 
    }

Demo

来源

2013-06-24 18:27:49 MrCode

一切似乎当我点击转换发生。我可能在代码中的其他地方有一个mstake，我昨天才开始使用Javascript，所以如果我看起来有点慢，我很抱歉。我已经发布了我的整个代码，有什么想法？ –

看看你编写'getElementByID'的方式，它有一个大写的D.从我的答案复制并粘贴 - 它应该是'getElementById'，如上所述。 Javascript是区分大小写的，所以在这种情况下会抛出一个摇摆不定的问题。 – MrCode

真的很抱歉，错字错误。在没有必要的情况下将资金注入'Id'。完美的作品。感谢你的回答！！ –

饲养文本框中，货币转换器 - HTML5，使用Javascript

回答

相关问题