Issue with Calendar Display

Coding Help
1

I’m trying to create a calendar that allows users to add activities, but I’m having issues displaying the calendar correctly on Glitch.com. Here’s a summary of the problem:

Hello,

I’m working on a project to create a calendar where activities can be added and viewed by all users. I’ve set up the calendar such that only users who know the password (“matematik”) can add or edit activities. However, I’m encountering an issue: when I add an activity on one device, it does not appear on other devices.

Here’s a summary of the problem:

Functionality: Users need to enter a password to add or edit activities. If they don’t have the password, they should see a message indicating that they can’t make changes.
Issue: When an activity is added on one device, it does not show up on other devices. It seems like the data is not syncing properly across devices.

Website link:https://abiding-silk-octopus.glitch.me/

Here’s the code I’m working with:

HTML: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <me - Pastebin.com CSS:* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Qui - Pastebin.com JavaScript: const passwordInput = document.getElementById("password");const submitPassword - Pastebin.com

2

You don’t seem to have any kind of storage or server setup. To make everything sync across devices, you would need a server and a database. Also I don’t recommend storing your password (matematik) on the client-side, ideally you should verify it in the server.

For setting up a server, you could use Glitch’s built-in Node functionality or something like Cloudflare Workers or Val Town

1 Like
3

Thank you so much!

1 Like