1
How to save user settings? (perchance.org)
submitted 1 month ago by Roguemoves@lemmy.world to c/perchance@lemmy.world
4 comments fedilink hide all child comments

I've made a settings popup for my generator but I wish the browser would save the settings a user makes when you open it again... is that way too complicated to add?

thank you in advance :')

you are viewing a single comment's thread
view the rest of the comments
[-] Roguemoves@lemmy.world 1 points 1 month ago

I'm so sorry but I'm really not a coder and I have no idea how to implement that. Is there any way you could take a look at my generator and tell me how to add that? I just want it to save what checkboxes are checked or unchecked. Thank you for replying!

[-] Almaumbria@lemmy.world 3 points 1 month ago

I’m really not a coder (...)

I beg to differ!

recently widowed ^[if (a > 75) {2} else if (76 > a && a > 60) {0.5} else if (61 > a && a > 30) {0.2} else {0}]

That right there is code. So where's the harm in a little more? :)

Here, it should look something like this in Perchance list syntax:

// a list with each HTML checkbox element
settings_el_list() =>
  return [
    fantasy_check,
    modern_check,
    adult_check,
    child_check,
    baby_check,
    appearance_check,
    morevoices_check,
    classes_check,
    expanded_check,
  ];

// ^ join "true" or "false" for each checkbox into a comma-separated string
//   and write that string to localStorage
save_settings() =>
  localStorage.settings=settings_el_list().map(e=>String(e.checked===true)).join(',');
  return;

// ^ read that string back in ;>
load_settings() =>
  // no settings saved, so skip loading
  if(! localStorage.settings)
    return;

  // get "true" or "false" by splitting the saved string at each comma
  const ar=localStorage.settings.split(",");
  // ^use that array to set the corresponding checkbox
  settings_el_list().forEach((e,i)=>e.checked=ar[i]==="true");
  return;

Put that on the lists, then on your HTML, add something like this to the <head>:

<script>load_settings();</script>

Putting onclick="save_settings()" to the close button for the settings popup...

<a class="close" href="#" onclick="save_settings()">&times;</a>

Would make it so the settings are saved each time the popup is closed. That's the simplest way to go about it, I think.

Bonus track, a more "sophisticated" alternative would be triggering the save F on each click of a checkbox, so as to guarantee that the settings are saved for each modification, but it strikes me as unnecessary in this case. Anyway, you can do that by adding a call to update() at the end of save_settings() (that is right before the return), and then change the onclick of each checkbox to call save_settings() instead. Again, it seems a bit much, but I wanted to mention it anyway :B

Oh, also, note that the empty return at the end of the functions are actually unnecessary, I just add them to make the end of execution explicit. You can remove those if you want.

Cheers!

[-] Roguemoves@lemmy.world 1 points 3 weeks ago

Ah thank you so much :') works perfectly, appreciate your help immensely!! You are so kind

this post was submitted on 27 Dec 2025
1 points (66.7% liked)

Perchance - Create a Random Text Generator

1767 readers
7 users here now

⚄︎ Perchance

This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.

Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)

This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.

See this post for the Complete Guide to Posting Here on the Community!

Rules

1. Please follow the Lemmy.World instance rules.

2. Be kind and friendly.

  • Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)

3. Be thankful to those who try to help you.

  • If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)

4. Only post about stuff related to perchance.

  • Please only post about perchance related stuff like generators on it, bugs, and the site.

5. Refrain from requesting Prompts for the AI Tools.

  • We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (text-to-image-plugin and ai-text-plugin) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?"
  • See Perchance AI FAQ for FAQ about the AI tools.
  • You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
  • We will still be helping/answering questions about the plugins as long as it is related to building generators with them.

6. Search through the Community Before Posting.

  • Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.

founded 2 years ago
MODERATORS
eatham@lemmy.world
eatham@aussie.zone
VioneT@lemmy.world
perchance@lemmy.world