Hinzufügen von Cookies zu einer js-Geige, um zu speichern, was der Benutzer tippt

Question

Für eine Aufgabe, die ich vor ein paar Wochen hatte, wurden wir gebeten, zwei divs zu erstellen, eine, die Tagebucheinträge sammelt und speichert und die Tagebucheinträge anzeigt. Wir wurden gebeten, das HTML-Formularelement zu verwenden, und dieses sollte mit JS verarbeitet werden. Da es sich nicht um eine serverseitige Aufgabe handelte, wurden gebeten, die eingereichten Tagebucheinträge mittels Cookies zu speichern. Ich habe die Aufgabe nicht bekommen und da der Dozent die Lösung nie gepostet oder eine Lösung durchgespielt hat, habe ich mich gefragt, ob jemand da wäre in der Lage, meine zu sehen und mir zu zeigen, wie es geht. Ich war mir nicht sicher, wie ich den Cookie tatsächlich setzen und zurückgeben sollte. Ich werde auch einen Link zur js-Geige veröffentlichen, wenn das irgendjemandem hilft. Vielen Dank im Voraus

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; 
} 

Hier ist der Link für die js Geige auch wenn das jede Hilfe ist https://jsfiddle.net/jon123/m957kc84/

Answer 1

Sie diese Funktionen save und read die Cookies verwenden können.

Speichern ein Plätzchen

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

Lesen Sie ein Plätzchen

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

nun die Funktionen zum Formular binden Ereignis und auf die Schaltfläche klicken Ereignis müssen Sie nur!