Возникают проблемы с получением кнопки «Добавить сообщение» в SaveData на обновлении ⇐ Html

[Anonymous]

не пытался поиграть или сделать сайт более 20 лет, так что все еще ржавый. Я пытаюсь получить свой код, чтобы иметь возможность сохранить в LocalStorage на сервере, который я только что купил. Я не уверен, как настроить хранилище на сервере. Я пытаюсь заставить свой «Add-Message-Button» добавить сообщение в поле для прокрутки чата, которое у меня есть и сохранить. Он отобразит сообщение, но при обновлении все исчезает, и мне нужно, чтобы оно было, чтобы остаться. Любая помощь будет высоко оценена. < /P>

Код: Выделить всё

CURRENT WARNINGS





American Severe Weather Advisors

[url=#HOME]Home[/url]
[url=#NEWS]News[/url]
[url=#RADARS]Radars[/url]
[url=#FORUMS]Fourms[/url]
[url=#CONTACT]Contact[/url]
[url=#ABOUT]About[/url]

[url=#CURRENT WARNINGS]CURRENT WARNINGS
[/url]



****CURRENT WARINGS BELOW****





Add Message



function updateTime() {
const now = new Date();
const timeElement = document.getElementById('current-time');
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
timeElement.dateTime = now.toISOString();
timeElement.innerHTML = `Today is: ${now.toLocaleDateString(undefined, options)},
Time: ${now.toLocaleTimeString()}`;
}

setInterval(updateTime, 1000);
updateTime();

const messageContainer = document.getElementById('message-container');
const messageInput = document.getElementById('message-input');
const addButton = document.getElementById('add-message-button');
const scrollableBox = document.getElementById('scrollable-box');
let scrollPosition = 0;
const scrollSpeed = 1;

document.body.style.color = "darkred";

function autoScroll() {
scrollPosition += scrollSpeed;
scrollableBox.scrollTop = scrollPosition;

if (scrollPosition >= scrollableBox.scrollHeight - scrollableBox.clientHeight) {
scrollPosition = 0;
}
}

const scrollInterval = setInterval(autoScroll, 50);

addButton.addEventListener('click', () =>  {
const messageText = messageInput.value;
if (messageText.trim() !== '') {
const messageElement = document.createElement('div');
messageElement.textContent = messageText;
messageContainer.appendChild(messageElement);
messageInput.value = '';

scrollableBox.scrollTop = scrollableBox.scrollHeight;
}
});




< /code>
Я попытался изменить кнопку на < /p>
Add Message

with scripting

function saveData() {
const inputValue = document.getElementById('message-input').value;
localStorage.setItem('userData',inputValue);
displaySavedData();
}
function displaySavedData() {
const savedData = localStorage.getItem('userData');
const savedDataElement = document.getElementById('savedData');
if (savedData) {
savedDataElement.textContent = savedData;
} else {
savedDataElement.textContent = 'No data saved yet.';
window.onload = displaySavedData;

Каждый раз, когда я пытаюсь отредактировать фактическое , это не позволяет мне нажать кнопку «Добавить сообщение », чтобы в поле появился чат; Он просто сидит там. < /p>
Позже мне понадобится этот чат в окте чата, чтобы быть временем, а некоторые - как продолжительное время на него туда, где спасает сообщение, но удаляется примерно через час. Мы публикуем предупреждения о торнадо и грозе для США, и с прокруткой чата я не хочу, чтобы участники вошли в систему и видели чат там с предупреждением о погоде, который был опубликован 3 недели ранее.

Подробнее здесь: https://stackoverflow.com/questions/796 ... on-refresh