ユーザが入力したものを保存するためにjsフィドルにクッキーを追加する

Question

割り当てについて私は数週間前に2つのdivを作成するよう求めました.1つは日記エントリを収集して保存し、もう1つは日記エントリを表示します。 HTMLフォーム要素を使用するように求められましたが、これはJSを使用して処理する必要があります。サーバー側の課題ではないので、提出された日記のエントリをクッキーを使用して保存するように依頼されました。 講師は決して解決策を投稿しなかったか、私のことを見て、私にそれをする方法を教えることができます。実際にクッキーを設定して返す方法は不明でした。それが誰にも役立つなら、私はjsフィドルへのリンクを投稿します。それはあなたがsaveとreadにクッキーをこれらの機能を使用することができます任意の助け https://jsfiddle.net/jon123/m957kc84/

Answer 1

だ場合は事前に感謝

HTML 
    <form name ="name" onsubmit="return doSomething();"> 
     Please Enter Your Diary Entry: <input type="text" name=“somename” id="frm_somename"/> 
     <input type="submit" name="Submit" value="Save Entry" /> 
    </form> 
    <div id = "1"> 
     <button id="button" onclick="y();">Show Diary</button> 
    </div> 
JS 
    doSomething = function() { 
    // get the data from the form 
    var textValue = document.getElementById("frm_somename").value; 
    // the rest of the code goes here 



// return false to stop form going somewhere - NB 
return false; 
} 

はここもJSのフィドルのリンクです。

保存クッキー

function saveCookie(name, value) { 
    var cookie = name + '='+JSON.stringify(value); 
    document.cookie = cookie; 
} 

はクッキー

function readCookie(name) { 
    var result = document.cookie.match(new RegExp(name + '=([^;]+)')); 
    result && (result = JSON.parse(result[1])); 
    return result; 
} 

を読む今、あなただけのイベントとボタンのクリックイベントを提出フォームにこれらの機能をバインドする必要があります！