使用cookies JS保存和显示日记条目

时间:2016-03-26 17:55:45

标签: javascript html cookies

我对JS / HTML / CSS非常陌生,几周前大学的一项任务我们被要求建立一个jS小提琴,使用cookie保存日记条目(通过点击按钮保存)和一个将使用不同的按钮显示日记条目。我在这里查看w3学校的cookie:http://www.w3schools.com/js/js_cookies.asp,但我认为这与我正在尝试的内容无关/我发现很难将它们放在一起。

我知道你的html输入框需要这个

Label: <input type="text" name=“somename” id="frm_somename"/>

这类似于你的JavaScript

var textValue = document.getElementById("frm_somename").value;

那么你的cookie代码并在最后返回false(它是在js小提琴上完成的,所以它实际上不应该去任何地方)。

我想知道是否有人可以帮助我连接点,这样我就可以在按钮点击时保存它在框中输入的内容,然后点击不同的按钮返回

对于某些人来说,如果这看起来很愚蠢/无用/太容易了,我很抱歉,但我对网络开发非常陌生

1 个答案:

答案 0 :(得分:0)

好吧,在操作它们时,cookie总是很有趣,看看JavaScript没有内置的功能来处理document.cookie返回的字符串;但是对于某些String方法,例如slice()split(),我们可以解决这个问题。这是一个让你开始的小提琴,它是一种添加和检查某个cookie的简单方法,但它确实有效。

Fiddle

String.slice() method
String.split() method
Document.cookie docs
encodeURIComponent()
decodeURIComponent()