將曲奇添加到js小提琴以保存用戶輸入的內容

對於幾周前我的任務，我們被要求創建兩個div，一個用於收集和保存日記條目，另一個用於顯示日記條目。我們被要求使用HTML表單元素，這應該使用JS進行處理。因爲它不是服務器端的任務被要求使用cookie 存儲提交的日記條目我沒有得到任務，因爲講師從未公佈解決方案或通過解決方案，我想知道如果有人會能夠看我的並告訴我如何去做。我不確定如何真正設置cookie並將其返回。如果這有助於任何人，我還會發佈一個鏈接到js小提琴。在此先感謝將曲奇添加到js小提琴以保存用戶輸入的內容

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小提琴還，如果這是任何幫助 https://jsfiddle.net/jon123/m957kc84/

來源

2016-03-24 Jon

您可以使用這些功能來save和read餅乾。

保存一個Cookie

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

讀取Cookie的

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

現在，你只需要這些功能結合的形式提交事件和按鈕單擊事件！

來源

2016-03-24 12:32:01

將曲奇添加到js小提琴以保存用戶輸入的內容

回答

相關問題