Changes to the layout

This commit is contained in:
Brendan 2024-10-02 10:40:01 +00:00
parent 95cd19e099
commit 13a5ee7a86

View File

@ -1,28 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>l00kup// - Domain Lookup Services</title> <title>Domain Lookups</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<header> <header>
<h1>l00kup// - Domain Lookup Services</h1> <h1>l00kup// - Domain Lookup Services</h1>
</header> </header>
<p>Made by abrendan</p>
<div class="forms-container"> <div class="forms-container">
<div class="form-box" id="reverseLookupFormContainer"> <div class="form-box" id="reverseLookupFormContainer">
<h1>Reverse Domain Lookup</h1> <h1>DNS Lookup</h1>
<form id="reverseLookupForm"> <form id="reverseLookupForm">
<input type="text" id="reverseDomainInput" placeholder="Enter domain for Reverse Lookup" required> <input type="text" id="reverseDomainInput" placeholder="Enter domain for DNS Lookup" required>
<button type="submit">Reverse Lookup</button> <button type="submit">Start</button>
</form> </form>
</div> </div>
<div class="form-box" id="whoisLookupFormContainer"> <div class="form-box" id="whoisLookupFormContainer">
<h1>WHOIS Lookup</h1> <h1>WHOIS Lookup</h1>
<form id="whoisLookupForm"> <form id="whoisLookupForm">
<input type="text" id="whoisDomainInput" placeholder="Enter domain for WHOIS Lookup" required> <input type="text" id="whoisDomainInput" placeholder="Enter domain for WHOIS Lookup" required>
<button type="submit">WHOIS Lookup</button> <button type="submit">Start</button>
</form> </form>
</div> </div>
</div> </div>
@ -33,6 +31,7 @@
document.getElementById('reverseLookupForm').addEventListener('submit', function(e) { document.getElementById('reverseLookupForm').addEventListener('submit', function(e) {
e.preventDefault(); e.preventDefault();
const domain = document.getElementById('reverseDomainInput').value; const domain = document.getElementById('reverseDomainInput').value;
document.getElementById('output').innerHTML = ''; // Clear previous output
fetch('/reverseLookup', { fetch('/reverseLookup', {
method: 'POST', method: 'POST',
@ -54,6 +53,7 @@
document.getElementById('whoisLookupForm').addEventListener('submit', function(e) { document.getElementById('whoisLookupForm').addEventListener('submit', function(e) {
e.preventDefault(); e.preventDefault();
const domain = document.getElementById('whoisDomainInput').value; const domain = document.getElementById('whoisDomainInput').value;
document.getElementById('output').innerHTML = ''; // Clear previous output
fetch('/whoisLookup', { fetch('/whoisLookup', {
method: 'POST', method: 'POST',
@ -64,7 +64,7 @@
}) })
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
document.getElementById('output').innerHTML += `<h2>WHOIS Information</h2><pre>${data.whois}</pre>`; document.getElementById('output').innerHTML = `<h2>WHOIS Information</h2><pre>${data.whois}</pre>`;
}) })
.catch(error => { .catch(error => {
console.error('Error:', error); console.error('Error:', error);
@ -72,5 +72,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>