Untitled
plain_text
2 months ago
2.3 kB
1
Indexable
Never
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IMEI Checker</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { background-color: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: 80%; max-width: 400px; } h1 { text-align: center; } label { display: block; margin-bottom: 5px; } input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; } button { background-color: #007bff; color: #fff; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer; width: 100%; } #result { margin-top: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 3px; } </style> </head> <body> <div class="container"> <h1>IMEI Checker</h1> <form id="imeiForm"> <label for="imei">Enter IMEI Number:</label> <input type="text" id="imei" name="imei" placeholder="Enter IMEI..."> <button type="button" id="checkButton">Check IMEI</button> </form> <div id="result"></div> </div> <script> const checkButton = document.getElementById("checkButton"); const imeiInput = document.getElementById("imei"); const resultDiv = document.getElementById("result"); checkButton.addEventListener("click", async () => { const imei = imeiInput.value.trim(); if (imei === "") { resultDiv.innerText = "Please enter an IMEI number."; return; } // Perform IMEI validation and checking logic here // You would typically make a request to a server-side API // Example response: const response = { brand: "Apple", model: "iPhone X", status: "Valid" }; // Display the result resultDiv.innerHTML = ` <p><strong>Brand:</strong> ${response.brand}</p> <p><strong>Model:</strong> ${response.model}</p> <p><strong>Status:</strong> ${response.status}</p> `; }); </script> </body> </html>