Hi. I have zero skills what so ever with javascript, I can read and sort of get the main concepts of it, but that is kinda it. So I´ve asked chatgpt for help. But of course it doesn't work. I've tried a whole bunch of times and taking it step by step, and changin things here and there, but I just can't get it to work.
I´ve created two textarea-widgets.
The one with the id messageInput has this code in onValue:
this.on("keydown", function(event) {
if (event.key === "Enter" && !event.shiftKey) {
event.preventDefault(); // Prevents adding a new line on Enter
sendMessage();
}
});
function sendMessage() {
const newMessage = this.value.trim();
if (newMessage !== "") {
// Send the message by appending it to the chat history
let currentHistory = get("/chatHistory") || ""; // Get existing history or empty string
set("/chatHistory", currentHistory + newMessage + "\n"); // Append new message
this.value = ""; // Clear the input field
}
}
The textarea-widget named chatHistory has this code in the onValue:
this.on("value", function() {
// Scroll to the bottom whenever new text is added
this.scrollTop = this.scrollHeight;
});
This is what chatgpt suggested, its just copy paste the code from chatgpt, and I'm not shocked at all it doesn't work. Nothing actually happens, the text I input into the messageInput widget just stays there, pressing enter even doesn't work.
target is "all" for both inputs. and chatHistory is listening to /chatHistory
I'm looking for some simple functionality where a few different clients can text with each other and everyone can see what has been said. Even nicer functionality would be if the different clients would get different names, or colors, or whatever so one can distinguish who wrote that, but that was planned to try to figure out of after just getting the basic funtionality to work.