0

私は、ユーザーがパスコードを入力するか、パスコードがない場合はパスコードを作成し、メッセージの対応が別の配列内の配列に格納される単純なメッセージングシステム（学習目的）を作成しています。例：あなたは登録する5番目のユーザーであり、パスコードはpass配列の5番目の項目であり、私たちの対応はlogNum配列の5番目の配列です。

ユーザーがブラウザを閉じても通信を保存できるようにローカルストレージを使用できるかどうか、またログをどのように変更できるか疑問に思っています。しかし、今のところ、下部にある私の確認段落は、ドキュメントに挿入されていません。

アドバイスをいただければ幸いです。

<!DOCTYPE HTML> 
    <html>     
        <head>             
            <title>waGwan?</title>     
            <meta charset="utf-8"/>
            <link rel=stylesheet href=comm.css></link>       
        </head>     
            <body>                              
                <section>
                    <p>enter or create passcode: <input type=text id=passcode></p>
                    <input type=button id="button" value="send">
                </section>
                <section id="log"></section>
                <script type="text/javascript">
                    var pass[];
                    var logNum=[];
                    document.getElementById("button").onclick=checkPass;
                    function checkPass(){
                        for(i=0;i<pass.length;i++){
                            //if passcode already exists exit
                            if(document.getElementById("passcode").value==pass[i]){
                                break;
                            }
                            //if passcode doesn't equal last existing passcode the passcode is added to the pass array and an array with name passcode is added to the logNum array
                            else if(document.getElementById("passcode").value!==pass[pass.length-1]){
                                pass.push(document.getElementById("passcode").value)
                                logNum.push(var document.getElementById("passcode").value.toString()[]);
                            }
                        }
                        //adds "Works!" to document
                        document.getElementById("log").innerHTML="<p>Works!</p>";
                    }
                </script>
            </body> 
    </html>
4

1 に答える 1

3

いくつかのタイプミス;）

<!DOCTYPE HTML> 
    <html>     
        <head>             
            <title>waGwan?</title>     
            <meta charset="utf-8"/>
            <link rel=stylesheet href=comm.css></link>       
        </head>     
            <body>                              
                <section>
                    <p>enter or create passcode: <input type=text id=passcode></p>
                    <input type=button id="button" value="send">
                </section>
                <section id="log"></section>
                <script type="text/javascript">
                    var pass=[]; << here
                    var logNum=[];
                    document.getElementById("button").onclick=checkPass;
                    function checkPass(){
                        for(i=0;i<pass.length;i++){
                            //checking if passcode already exists
                            if(document.getElementById("passcode").value==pass[i]){
                                break;
                            }
                            //if passcode doesn't equal last existing passcode the passcode is added to the pass array and an array with name passcode is added to the logNum array
                            else if(document.getElementById("passcode").value!==pass[pass.length-1]){
                                pass.push(document.getElementById("passcode").value)
                                logNum.push(document.getElementById("passcode").value.toString());<< here
                            }
                        }
                        //adds "Works!" to document
                        document.getElementById("log").innerHTML="<p>Works!</p>";
                    }
                </script>
            </body> 
    </html>

  1. var pass = [];

  2. logNum.push(document.getElementById("passcode").value.toString());

作業中のjsfiddle

FireFox用のFirebugまたはブラウザで利用可能な別のdeveloperstoolを使用してみてください。

于 2012-09-10T06:48:48.670 に答える