Имея проблемы с отображением обновленного профиля и рабочих действий в HTML/JavaScript ⇐ Html

[Anonymous]

Я создаю приложение, в котором пользователь входит в систему и могу обновить свой профиль и рабочую деятельность для добровольчества/пожертвований церкви. Я должен это, когда у меня есть все кнопки, идущие на правильные страницы, но после отправки формы с информацией для обоих должны отображать информацию на странице журнала деятельности. На данный момент это не делает этого. Могу ли я получить помощь с этим?


User Information




User Information
[url=file:about.html]About[/url]
[url=file:menu.html]Menu[/url]




First Name:


Last Name:


Birthdate:


Password:


Phone Number:


Gender:

Male
Female


Update









< /code>
userinfo.js
function updateInfo() {
const firstName = document.getElementById('firstName').value;
const lastName = document.getElementById('lastName').value;
const birthdate = document.getElementById('birthdate').value;
const password = document.getElementById('password').value;
const phone = document.getElementById('phone').value;
const gender = document.getElementById('gender').value;

if (!firstName || !lastName || !birthdate || !password || !phone) {
document.getElementById('message').textContent = "Please fill in all required fields.";
return;
}

localStorage.setItem('firstName', firstName);
localStorage.setItem('lastName', lastName);
localStorage.setItem('birthdate', birthdate);
localStorage.setItem('password', password); //Note: Storing passwords like this is insecure.
localStorage.setItem('phone', phone);
localStorage.setItem('gender', gender);

document.getElementById('message').textContent = "User information updated successfully!";
}

//Load existing data, if any, on page load
window.onload = function() {
document.getElementById('firstName').value = localStorage.getItem('firstName') || '';
document.getElementById('lastName').value = localStorage.getItem('lastName') || '';
document.getElementById('birthdate').value = localStorage.getItem('birthdate') || '';
document.getElementById('password').value = localStorage.getItem('password') || '';
document.getElementById('phone').value = localStorage.getItem('phone') || '';
document.getElementById('gender').value = localStorage.getItem('gender') || 'male';
};
< /code>
ActivityLog.html



Work Activity Log




Work Activity Log
[url=file:about.html]About[/url]
[url=file:menu.html]Menu[/url]



User Information


First Name: N/A
Last Name: N/A
Birthdate: N/A
Phone: N/A
Gender: N/A
Edit Profile

Work Activity History

New Entry
Clear History







< /code>
ActivityLog.js
function editProfile() {
window.location.href = "userinfo.html";
}

function newEntry() {
window.location.href = "newentry.html";
}

function clearHistory() {
if (confirm("Are you sure you want to clear the activity history?")) {
localStorage.removeItem('activityLogs');
displayActivityLogs(); // Refresh the display
}
}

function displayActivityLogs() {
const activityList = document.getElementById('activityList');
activityList.innerHTML = ""; // Clear existing list items

let logs = JSON.parse(localStorage.getItem('activityLogs')) || [];

logs.forEach((log, index) => {
const listItem = document.createElement('li');
listItem.textContent = `Date: ${log.date}, Ministered To: ${log.ministeredTo}, Items: ${log.itemsDonated || 'None'}, Hours: ${log.hours}`;
activityList.appendChild(listItem);
});
}

//Display User Information
function displayUserInfo() {
document.getElementById('displayFirstName').textContent = localStorage.getItem('firstName') || 'N/A';
document.getElementById('displayLastName').textContent = localStorage.getItem('lastName') || 'N/A';
document.getElementById('displayBirthdate').textContent = localStorage.getItem('birthdate') || 'N/A';
document.getElementById('displayPhone').textContent = localStorage.getItem('phone') || 'N/A';
document.getElementById('displayGender').textContent = localStorage.getItem('gender') || 'N/A';
}

window.onload = function() {
displayUserInfo();
displayActivityLogs();
};

// Add event listener to update user info when the page is shown
document.addEventListener("pageshow", function(event) {
displayUserInfo(); // Refresh the user info whenever the page is shown
});
< /code>
newentry.html



New Work Activity Entry




New Work Activity Entry
[url=file:about.html]About[/url]
[url=file:menu.html]Menu[/url]




Date:


Who ministered to:


Items donated (optional):


Number of hours:


Save









< /code>
newentry.js
function saveEntry() {
const date = document.getElementById('date').value;
const ministeredTo = document.getElementById('ministeredTo').value;
const itemsDonated = document.getElementById('itemsDonated').value;
const hours = document.getElementById('hours').value;

if (!date || !ministeredTo || !hours) {
document.getElementById('message').textContent = "Please fill in all required fields.";
return;
}

const newEntry = {
date: date,
ministeredTo: ministeredTo,
itemsDonated: itemsDonated,
hours: hours
};

//Get Existing logs
let logs = JSON.parse(localStorage.getItem('activityLogs')) || [];

//Add the new entry
logs.push(newEntry);

//Save back to local Storage
localStorage.setItem('activityLogs', JSON.stringify(logs));

document.getElementById('message').textContent = "Work activity entry saved successfully!";

//Clear the form
document.getElementById('newEntryForm').reset();
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript