this post was submitted on 28 Dec 2024
1 points (60.0% liked)

Perchance - Create a Random Text Generator

494 readers
13 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
 

So, I want the make generator to remember user inputs and the latest generated output using the remember plugin, it works on user input but not for the output. I know there's a solution for this since generators like AI Chat can remember the chat logs without problem but I'm too dumb to understand the code lol

Also, how can I prevent the AI to automatically generate output on first load? I'm using the firstload = true tingy but I want to make it look cleaner when the generator loads since it 's displaying the [firstLoad ? "" : output] for a split second, is there any other method for this?

you are viewing a single comment's thread
view the rest of the comments
[–] wthit56 2 points 1 week ago (1 children)

You can use localStorage to save and restore things with code. I believe that's what the remember plugin uses to save things anyway.

So you'd do something like localStorage.setItem("last generated", data.generatedText) which will save it. And when you load, you can use loaded = localStorage.getItem("last generated"); if (loaded) { element.innerText = loaded; } which would put the text in an element with the id "element", if there was anything stored in the first place.

You can look up more about localStorage on MDN.

[–] darksideEx 1 points 1 week ago* (last edited 1 week ago) (1 children)

Sorry for the late response, unfortunately, I'm just started learning coding recently, especially JS, I might need to read a bit more about this lol thanks for the link!

EDIT: Just wanted to let you know that I've figured out a solution thanks to the AI code helper, it basically wrote the similar function:

// Function to load data from local storage when the page loads
  function loadData() {
    userInputEl.value = localStorage.userInput || ""; // Load user input
    aiOutputEl.value = localStorage.aiOutput || ""; // Load AI output
  }

  // Function to save data to local storage whenever there's an input change
  function saveData() {
    localStorage.userInput = userInputEl.value; // Save user input
    localStorage.aiOutput = aiOutputEl.value; // Save AI output
  }

window.onload = loadData;

And just simply put the oninput="saveData() into both input and output elements.

[–] wthit56 1 points 1 week ago

Yep that looks good 👍