Track Your Order

<!DOCTYPE html> <html lang="ht"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Swiv Kòmand</title> <link rel="stylesheet" href="styles.css"> <!-- Ajoute yon CSS si ou genyen --> </head> <body> <div class="container"> <h1>Swiv Kòmand Ou</h1> <p Tanpri antre nimewo kòmand ou a pou ou ka swiv li:</p> <form id="trackOrderForm"> <label for="orderNumber">Nimewo Kòmand:</label> <input type="text" id="orderNumber" name="orderNumber" required> <button type="submit">Swiv</button> </form> <div id="orderStatus" style="margin-top: 20px;"></div> </div> <script> document.getElementById('trackOrderForm').addEventListener('submit', function(event) { event.preventDefault(); const orderNumber = document.getElementById('orderNumber').value; // Sa a se yon egzanp, ou ka chanje URL la ak API ou a. fetch(`https://api.example.com/track/${orderNumber}`) .then(response => response.json()) .then(data => { const orderStatusDiv = document.getElementById('orderStatus'); if (data.success) { orderStatusDiv.innerHTML = `<h3>Status Kòmand: ${data.status}</h3>`; } else { orderStatusDiv.innerHTML = `<h3>Erè: ${data.message}</h3>`; } }) .catch(error => { document.getElementById('orderStatus').innerHTML = `<h3>Erè: Tanpri tcheke koneksyon ou a.</h3>`; }); }); </script> </body> </html>