0
<!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 函数中,并且如果我继续循环该函数,它可能会起作用。有没有人有任何想法。始终保持功能运行和屏幕上的文本框的最简单方法。~ 和谷歌翻译一样,除了货币转换器。

4

1 回答 1

3

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

演示

于 2013-06-24T18:27:49.137 回答