Untitled

<html>
  <head>
    <title>URL Loader</title>
  </head>
  <body>
    <h1>URL Loader</h1>
    <form>
      <label for="url">Enter URL:</label>
      <input type="text" id="url" name="url">
      <button type="button" onclick="loadUrl()">Load</button>
    </form>
    form>
  <script>
    function loadUrl() {
      const url = document.getElementById("url").value;
      // Your code to load the URL here
      window.location.href = url;
    }
  </script>
</html>body {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
}

form {
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

label {
  display: block;
  margin-bottom: 10px;
}

input[type="text"] {
  width: 100%;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

button:hover {
  background-color: #3e8e41;function loadUrl() {function loadUrl() {
  const url = document.getElementById("url").value;
  if (url.length > 0) {
    // Your code to load the URL here
    window.location.href = url;
    } else {
      alert("Enter a valid URL");
    }
  }
  const url = document.getElementById("url").value;
  // Your code to load the URL here
  window.location.href = url;
}
}
Editor is loading...