Track your order
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Tracking</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
padding: 50px;
}
#trackingForm {
margin-bottom: 20px;
}
#statusMessage {
font-size: 1.2em;
margin-top: 20px;
}
</style>
<script>
function checkOrderStatus(orderId) {
// Simulate checking order status with a dummy condition
// Replace this with actual logic to check order status
return orderId === "FULFILLED";
}
function trackOrder(event) {
event.preventDefault();
const orderId = document.getElementById('orderId').value;
const statusMessage = document.getElementById('statusMessage');
if (checkOrderStatus(orderId)) {
window.location.href = "https://www.delhivery.com/tracking";
} else {
statusMessage.textContent = "Order is in process.";
}
}
</script>
</head>
<body>
<h1>Order Tracking</h1>
<form id="trackingForm" onsubmit="trackOrder(event)">
<label for="orderId">Enter your Order ID:</label>
<input type="text" id="orderId" name="orderId" required>
<button type="submit">Track Order</button>
</form>
<div id="statusMessage"></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Tracking</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
padding: 50px;
}
#trackingForm {
margin-bottom: 20px;
}
#statusMessage {
font-size: 1.2em;
margin-top: 20px;
}
</style>
<script>
function checkOrderStatus(orderId) {
// Simulate checking order status with a dummy condition
// Replace this with actual logic to check order status
return orderId === "FULFILLED";
}
function trackOrder(event) {
event.preventDefault();
const orderId = document.getElementById('orderId').value;
const statusMessage = document.getElementById('statusMessage');
if (checkOrderStatus(orderId)) {
window.location.href = "https://www.delhivery.com/tracking";
} else {
statusMessage.textContent = "Order is in process.";
}
}
</script>
</head>
<body>
<h1>Order Tracking</h1>
<form id="trackingForm" onsubmit="trackOrder(event)">
<label for="orderId">Enter your Order ID:</label>
<input type="text" id="orderId" name="orderId" required>
<button type="submit">Track Order</button>
</form>
<div id="statusMessage"></div>
</body>
</html>