HTML5本地存儲輸入不顯示

Question

我正在努力查看我的代碼出了什么問題。 我已經編碼了一個本地存儲應用程序以顯示用戶輸入，但是正在輸入的內容並未顯示在屏幕上。

我將展示我的代碼，希望有人可以在某個地方看到錯誤，我認為它應該可以正常工作？

    <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Premier League Site</title>
    <link rel="stylesheet" href="style.css"/>
    <script src="elliot.js"></script>
</head>
<body>
    <div id="wrapper">
    <header id="header">
    <h1>Premier League Site</h1>
    </header>

    <nav id ="Menu_Bar">
    <ul>
        <li>Home</li>
        <li>Teams</li>
        <li>Extras</li>
    </ul>

    </nav>

    <section id="sectionone">
        <form>
            <p>(key) One: <input type="text" id="one"></p>
            <p>(value) Two <textarea id="two"></textarea></p>
            <p><input type="button" id="button" value="Save"></p>
        </form>
    </section>
    <section id="sectiontwo">
        Stored Info should go here
    </section>  
    <footer id="footer">
        Elliot Harrison 2014
    </footer>
    </div>
</body>
</html>

那是我的HTML代碼，這是我的Javascript代碼。

    function doFirst(){
    var button = document.getElementbyId("button");
    button.addEventListener("click", saveStuff, false);
}

function saveStuff(){
    var one = document.getElementbyId("one").value;
    var two = document.getElementbyId("two").value;
    sessionStorage.setItem(one,two);

    display(one);
}

function display(one){
    var sectiontwo = document.getElementbyId("sectiontwo");
    var two = sessionStorage.getItem(one);
    sectiontwo.innerHTML = "Name of variable: "+one+"<br />Value: "+two;
}

window.addEventListener("load", doFirst, false);

誰能注意到任何錯誤？

謝謝！

編輯：注意到一個問題，我沒有“>”結尾

Answer 1

Javascript區分大小寫，您必須使用getElementById而不是getElementbyId 。

您的html中也存在另一個錯誤：

<p>(key) One: <input type="text" id="one" /></p>

HTML5本地存儲輸入不顯示

問題描述

1 個解決方案

解決方案1
1 已采納 2014-01-07 20:51:32

HTML5本地存儲輸入不顯示

問題描述

1 個解決方案

解決方案1 1 已采納 2014-01-07 20:51:32

解決方案1
1 已采納 2014-01-07 20:51:32