You are on page 1of 3

Practical no 10

1)Write a JavaScript program to create a cookie.


<html>
<head>
<script>
function createCookie()
{
var x = document.getElementById('myname').value
document.cookie = "name=" + x + ";"
alert("Cookie Written..")
}
</script>
</head><body>
Enter ur name <input type="text" id="myname"
onchange="createCookie()"/>
</body></html>

2) Write a program to create a persistent cookie


<html>
<body>
<script>
var date = new Date();
var days=2;
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = date.toGMTString();
document.cookie = "user=Rahul; expires="+ expires + ";"
alert("Cookie Created\n"+document.cookie)
</script>
</body>
</html>
3) Develop a program to create and read a cookie
<html>
<head>
<script>
function setCookie()
{
var name = document.getElementById('person').value
document.cookie = "name=" + name + ";"
alert("Cookie Created")
}
function readCookie()
{
var cookie = document.cookie
var panel = document.getElementById('panel')
if(cookie == "")
panel.innerHTML = "Cookie not found"
else
panel.innerHTML = cookie
}
</script>
</head>
<body>
<form name="myForm">
Enter your name <input type="text" id="person"/><br/>
<input type="button" value="Set Cookie" onclick="setCookie()"/>
<input type="button" value="Read Cookie"
onclick="readCookie()"/>
<p id="panel"></p>
</form>
</body>
</html>
4) Write a webpage that displays a form that contains an
input for Username and Password. User is prompted to
enter the input and password and password becomes value
of the cookie. Write the JavaScript function for storing the
cookie. It gets executed when the password changes
<html>
<head>
<script>
function storeCookie()
{
var pwd = document.getElementById('pwd').value
document.cookie = "Password=" + pwd + ";"
alert("Cookie Stored\n" + document.cookie)
}
</script>
</head><body>
<form name="myForm">
Enter Username <input type="text" id="uname"/><br/>
Enter Password <input type="password" id="pwd"/><br/>
<input type="button" value="Submit" onclick="storeCookie()"/>
<p id="panel"></p>
</form>
</body></html>

You might also like