# Bake a cookie to remember font size

**URL:** <https://forum.kirupa.com/t/bake-a-cookie-to-remember-font-size/217564>\
**Category:** Uncategorized\
**Created:** [February 28, 2007, 12:09am UTC](https://forum.kirupa.com/t/bake-a-cookie-to-remember-font-size/217564 "2007-02-28T00:09:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Icy\_Penguin](https://avatars.discourse-cdn.com/v4/letter/i/f6c823/32.png) [@Icy\_Penguin](https://forum.kirupa.com/u/Icy_Penguin)\
**Post date:** [February 28, 2007, 12:09am UTC](https://forum.kirupa.com/t/bake-a-cookie-to-remember-font-size/217564/1 "2007-02-28T00:09:40Z")

</div>

hey all, am using the following javascript to change the font size on my portfolio…

but i want a way to set a cookie so that it remembers it.

```auto

fontSizes = new Array();
fontSizes[0] = "small"
fontSizes[1] = "medium"
fontSizes[2] = "large"
defaultFontSize = fontSizes[0];
window.onload = function() {
    theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
        for(i=0;i<p.length;i++) {
            theBody.style.fontSize = defaultFontSize
            div*.style.fontSize = defaultFontSize
            p*.style.fontSize = defaultFontSize
            li*.style.fontSize = defaultFontSize
        }     
}
function increaseFontSize() {
    theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
       for(i=0;i<p.length;i++) {
          if(theBody.style.fontSize == fontSizes[0]) {
              theBody.style.fontSize = fontSizes[1]
              div*.style.fontSize = fontSizes[1]
              p*.style.fontSize = fontSizes[1]
              li*.style.fontSize = fontSizes[1]
          } else {
              if(theBody.style.fontSize == fontSizes[1]) {
                  theBody.style.fontSize = fontSizes[2]
                  div*.style.fontSize = fontSizes[2]
                  p*.style.fontSize = fontSizes[2]
                  li*.style.fontSize = fontSizes[2]
              }
          }
       }   
}
function decreaseFontSize() {
   theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
       for(i=0;i<p.length;i++) {
          if(theBody.style.fontSize == fontSizes[2]) {
              theBody.style.fontSize = fontSizes[1]
              div*.style.fontSize = fontSizes[1]
              p*.style.fontSize = fontSizes[1]
              li*.style.fontSize = fontSizes[1]
          } else {
              if(theBody.style.fontSize == fontSizes[1]) {
                  theBody.style.fontSize = fontSizes[0]
                  div*.style.fontSize = fontSizes[0]
                  p*.style.fontSize = fontSizes[0]
                  li*.style.fontSize = fontSizes[0]
              }
          }
       }   
}

```

if someone could help me out, that’d be great.

thanks