<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nameserver Lookup</title>
</head>
<body>
<h1>Nameserver Lookup</h1>
<form>
<label for="domain">Enter a domain:</label>
<input type="text" id="domain" placeholder="example.com" required>
<button type="submit" id="submit-btn">Lookup</button>
</form>
<div id="result"></div>
<script>
const form = document.querySelector('form');
const input = document.querySelector('#domain');
const result = document.querySelector('#result');
form.addEventListener('submit', (e) => {
e.preventDefault();
const domain = input.value.trim();
if (domain === '') {
alert('Please enter a domain name');
return;
}
const url = `https://api.hackertarget.com/dnslookup/?q=${domain}`;
fetch(url)
.then(response => response.text())
.then(data => {
result.innerHTML = `<pre>${data}</pre>`;
})
.catch(error => {
result.innerHTML = `<p>Oops! Something went wrong. Please try again later.</p>`;
console.error(error);
});
});
</script>
</body>
</html>
No comments:
Post a Comment