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.