Alven, обычно тут люди очень быстро помогают, словом, делом.
Как считаешь почему не кто до сих пор не ответил ?
Ответ прост, оформляй код в теги, чтоб люди не ломали глаза.
А по теме, я из твоего примера мало что понял что тебе нужно, набрасал несколько функций, покликай, может подойдут.
<html>
<head>
</head>
<body>
<input type="text" name="usernametext">
<input type="button" value="setCookie" onclick="goCookie();">
</br>
</br>
<input type="button" value="deleteCookie" onclick="delCookie();">
</br>
</br>
<input type="button" value="checkCookie" onclick="checkCookie();">
<script>
// возвращает cookie если есть или undefined
function getCookie(name) {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
))
return matches ? decodeURIComponent(matches[1]) : undefined
}
// уcтанавливает cookie
function setCookie(name, value, props) {
props = props || {}
var exp = props.expires
if (typeof exp == "number" && exp) {
var d = new Date()
d.setTime(d.getTime() + exp*1000)
exp = props.expires = d
}
if(exp && exp.toUTCString) { props.expires = exp.toUTCString() }
value = encodeURIComponent(value)
var updatedCookie = name + "=" + value
for(var propName in props){
updatedCookie += "; " + propName
var propValue = props[propName]
if(propValue !== true){ updatedCookie += "=" + propValue }
}
document.cookie = updatedCookie
}
// удаляет cookie
function deleteCookie(name) {
setCookie(name, null, { expires: -1 })
}
var nameCookie = 'user';
// функция устанавливает cookie со значением которое написанно в инпуте
function goCookie() {
var valueCookie = document.getElementsByName('usernametext')[0].value;
setCookie(nameCookie, valueCookie, 24 * 60 * 60 * 1000);
alert('Welcome ' + getCookie(nameCookie));
}
// функция удаляет cookie
function delCookie() {
deleteCookie(nameCookie);
alert('Delete cookie: ' + nameCookie);
}
// функция проверяет существует ли cookie с заданным именем
function checkCookie() {
if (getCookie(nameCookie)) {
alert('Cookie ' + nameCookie + ' exists');
} else {
alert('Cookie ' + nameCookie + ' does not exist');
}
}
</script>
</body>
</html>