<body>
<div class="profile-container">
<!-- Logout button added -->
<button class="logout-button" onclick="logout()">Logout</button>
<div class="welcome-message">
<h2>Welcome, <span id="username"> N/A</span></h2>
</div>
<script>
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
// Get the name parameter from the URL
var name = getParameterByName('name');
var birthdate = getParameterByName('birthdate');
var gender = getParameterByName('gender');
var sport = getParameterByName('sport');
var country = getParameterByName('country');
var achievement = getParameterByName('achievement');
// Display user information on the page
document.getElementById("username").innerText = name || 'N/A';
document.getElementById("athlete-name").innerText = name || 'N/A';
document.getElementById("athlete-birthdate").innerText = birthdate || 'N/A';
document.getElementById("athlete-gender").innerText = gender || 'N/A';
document.getElementById("athlete-sport").innerText = sport || 'N/A';
document.getElementById("athlete-country").innerText = country || 'N/A';
function submit() {
// Redirect to update.html
window.location.href = 'update.html';
}
</script>
<h1>Athlete Profile</h1>
<section id="basic-info">
<h2>Basic Information</h2>
<p><strong>Name:</strong> <span id="athlete-name"> N/A</span></p>
<p><strong>Birthdate:</strong> <span id="athlete-birthdate"> N/A</span></p>
<p><strong>Gender:</strong> <span id="athlete-gender"> N/A</span></p>
<p><strong>Sport:</strong> <span id="athlete-sport"> N/A</span></p>
<p><strong>Country:</strong> <span id="athlete-country"> N/A</span></p>
</section>
<button type="button" onclick="updateProfile()">Update Profile</button>
</section>
</body>
</html>
ito po code ko sa welcome.html