- JavaScript Basics
- JavaScript Home
- JavaScript Syntax
- JavaScript Placements
- JavaScript Output
- JavaScript Statements
- JavaScript Keywords
- JavaScript Comments
- JavaScript Variables
- JavaScript var
- JavaScript let
- JavaScript const
- JavaScript var Vs let Vs const
- JavaScript Operators
- JavaScript Arithmetic Operators
- JavaScript Assignment Operators
- JS Comparison Operators
- JavaScript Logical Operators
- JavaScript Bitwise Operators
- JavaScript Ternary Operator
- JavaScript Operator Precedence
- JavaScript Data Types
- JavaScript typeof Operator
- JS Conditional Statements
- JavaScript Conditional Statement
- JavaScript if Statement
- JavaScript if-else Statement
- JavaScript switch Statement
- JavaScript Loops
- JavaScript for Loop
- JavaScript while Loop
- JavaScript do-while Loop
- JavaScript Break Continue
- JavaScript Popup Boxes
- JavaScript Dialog Box
- JavaScript alert Box
- JavaScript confirm Box
- JavaScript prompt Box
- JavaScript Functions
- JavaScript Functions
- JS Function with Parameter
- JavaScript Return Statement
- JavaScript Variable Scope
- JavaScript setTimeout() Method
- JavaScript setInterval() Method
- JavaScript Events
- JavaScript Events
- JavaScript onclick Event
- JavaScript onload Event
- JavaScript Mouse Events
- JavaScript onreset Event
- JavaScript onsubmit Event
- JavaScript Objects
- JavaScript Objects
- JavaScript Number Object
- JavaScript Array Object
- JavaScript String Object
- JavaScript Boolean Object
- JavaScript Math Object
- JavaScript RegExp Object
- JavaScript Date Object
- JavaScript Browser Objects
- JavaScript Browser Objects
- JavaScript Window Object
- JavaScript Navigator Object
- JavaScript History Object
- JavaScript Screen Object
- JavaScript Location Object
- JavaScript Document Object
- JS Document Object Collection
- JS Document Object Properties
- JS Document Object Methods
- JS Document Object with Forms
- JavaScript DOM
- JavaScript DOM
- JavaScript DOM Nodes
- JavaScript DOM Levels
- JavaScript DOM Interfaces
- JavaScript Cookies
- JavaScript Cookies
- JavaScript Create/Delete Cookies
- JavaScript Advance
- JavaScript Regular Expression
- JavaScript Page Redirection
- JavaScript Form Validation
- JavaScript Validations
- JavaScript Error Handling
- JavaScript Exception Handling
- JavaScript try-catch throw finally
- JavaScript onerror Event
- JavaScript Multimedia
- JavaScript Animation
- JavaScript Image Map
- JavaScript Debugging
- JavaScript Browser Detection
- JavaScript Security
- JavaScript Misc
- JavaScript innerHTML
- JavaScript getElementById()
- JS getElementsByClassName()
- JS getElementsByName()
- JS getElementsByTagName()
- JavaScript querySelector()
- JavaScript querySelectorAll()
- JavaScript document.write()
- JavaScript console.log()
- JavaScript instanceof
- JavaScript Programs
- JavaScript Programs
- JavaScript Test
- JavaScript Online Test
- Give Online Test
- All Test List
JavaScript Create and Delete Cookies
As you know, cookies are small files containing system related information.
JavaScript Create and Delete Cookies Example
Here is an example demonstrates how to create and delete cookie in JavaScript:
<!DOCTYPE HTML> <html> <head> <title>JavaScript Create and Delete Cookies</title> <script type="text/javascript"> function getCookie(cookie_name) { if (document.cookie.length>0) { cookie_start=document.cookie.indexOf(cookie_name + "="); if (cookie_start!=-1) { cookie_start=cookie_start + cookie_name.length+1; cookie_start=document.cookie.indexOf(";",cookie_start); if (cookie_start==-1) cookie_start=document.cookie.length; return unescape(document.cookie.substring(cookie_start,cookie_start)); } } return ""; } function setCookie(cookie_name,cookie_value,expiredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=cookie_name+ "=" +escape(cookie_value)+((expiredays==null) ? "" : ";expires="+exdate.toUTCString()); } function checkCookie() { mycookie=getCookie('mycookie'); if (mycookie!=null && mycookie!="") { alert('Welcome again '+mycookie+'! \n The cookies has already been created.'); } else { mycookie=prompt('Please enter your name:',""); if (mycookie!=null && mycookie!="") { setCookie('mycookie',mycookie,30); } } } function eraseCookie() { setCookie('mycookie',"",-1); alert('The cookie has been successfully erased.'); } </script> </head> <body> <h3>JavaScript Create and Delete Cookies Example</h3> <p>Click on the <b>Create Cookie</b> button to create the cookie.</p> <input type="button" onclick="checkCookie()" value="Create Cookie"> <p>Click on the <b>Delete Cookie</b> button to delete the cookie.</p> <input type="button" onclick="eraseCookie()" value="Delete Cookie"> </body> </html>
Here is the sample output of the above JavaScript create and delete cookie example code. This is the initial output:

To create cookie, click on the Create Cookie button. After clicking on Create Cookie button, enter the value (name) of the cookie as shown in the following figure:

Now, click on OK button to successfully create your cookie. To delete cookie, just click on the Delete Cookie button. After clicking on the Delete Cookie button, you will get the output as shown in the following figure:

« Previous Tutorial Next Tutorial »