Question

<!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>

问题是，在我将输入（Euro）转换为Pounds之后，javascript在屏幕上写下答案（以磅为单位），但删除屏幕上的所有其他内容，包括输入框。我想要一个转换器，其中输入框始终保留在屏幕上，只需更改输入框中的数字并单击转换即可。我是否必须将输入置于某种循环中？我知道如果我可以将输入框放在Javascript函数中，如果我继续循环该函数它可能会工作。有没有人有任何想法。保持函数运行的最简单方法和屏幕上的文本框始终。〜与谷歌翻译相同，除了货币转换器基本上。

Answer 1

只需写一个元素的答案。 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

保持文本框在屏幕上，货币转换器 - HTML5，Javascript

1 个答案: