make the logged in user to change content on their own account.

Talented Toucan answered on July 21, 2023 Popularity 1/10 Helpfulness 1/10

answer make the logged in user to change content on their own account.

make the logged in user to change content on their own account.

Comment

<!DOCTYPE html>
<html>
<head>
  <!-- Your head content goes here -->
</head>
<body>
  <!-- Your page content goes here -->
  <h1>Welcome to Your Website, <span id="username"></span>!</h1>

  <!-- Form to input and save website content -->
  <form id="websiteForm">
    <textarea id="websiteContent" rows="10" cols="50"></textarea>
    <button type="submit">Save Website Content</button>
  </form>

  <!-- Include the script to display user-specific content and handle form submission -->
  <script>
    const loggedInUser = localStorage.getItem('loggedInUser');
    if (loggedInUser) {
      document.getElementById('username').textContent = loggedInUser;
      const websiteForm = document.getElementById('websiteForm');
      const websiteContent = document.getElementById('websiteContent');

      // Set the user's website content directly on page load
      const userWebsiteContent = JSON.parse(localStorage.getItem(`user_${loggedInUser}`)) || '';
      websiteContent.value = userWebsiteContent;

      websiteForm.addEventListener('submit', (e) => {
        e.preventDefault();
        const userWebsiteContent = websiteContent.value;
        localStorage.setItem(`user_${loggedInUser}`, JSON.stringify(userWebsiteContent));
        alert('Website content saved successfully!');
      });
    } else {
      location.href = "./login.html";
    }
  </script>
</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 21 2023

Talented Toucan

0 Answers Avg Quality 2/10

make the logged in user to change content on their own account.

Contents

More Related Answers

make the logged in user to change content on their own account.

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.