1

私はhtmlファイルを持っています:

    <!DOCTYPE html>
<html>
<head>


<link rel="stylesheet" type="text/css" href="C:\Users\matthew\AppData\Local\Temp\fz3temp-1\email picker.css"> 
<script src="email picker.js" type="text/javascript"></script>

</head>
<body>
    <div id="main">

        <form>
        <h4>Enter the email addresses in the input box below</h4>
            email:<input id="emailIn" type="text" placeholder=" email" />
            <input type="submit" value="Show entry" onsubmit="insert()" />
        </form>

        <div id="display"></div>
    </div>

</body>
</html>

およびJavaScriptファイル：

    var entries = [];
    var emailInput = document.getElementById("emailIn");
    var messageBox = document.getElementById("display");

    function insert() {
        entries.push(emailInput.value);
        clearAndShow();
    };

    function clearAndShow() {

    emailInput.value = "";
    messageBox.innerHTML = "";

      messageBox.innerHTML += "Emails: " + entries.join(", ") + "<br/>";
    };

単純な .css ファイルです。

ブラウザでコードを実行すると、最後の電子メール入力が表示されません。私は何が欠けていますか？どんな助けでも大歓迎です。

4

1 に答える 1

0

あなたの問題は、フォームを送信するとページがリセットされることです(入力がイベントinsertを受信しないため、とにかく関数をバインドしません)。submit

あなたは交換することができます

        <input type="submit" value="Show entry" onsubmit="insert()" />

と

        <input type="button" value="Show entry" onclick="insert()" />
于 2013-02-11T20:30:27.083 に答える