Как можно загрузить Webapge как .html / .png после того, как я ввел текст в текстовое поле ниже мой код

Question

как можно загрузить webapge как .html / .png после того, как я ввел текст в текстовое поле ниже, это мой код

<div class="container">
<form>
    <div class="form-group">
        <label for="link">Paste Website Link Below</label>
        <input type="link" class="form-control" id="download" placeholder="Enter website link" >
      <br>
    <butt class="btn btn-primary">Download </button>

</form></div>

Я знаю, что это работает для загрузки веб-страницы или любого файла, но мы хотим, чтобы, когда мы набирали ссылку, а затем загружали справку

Answer 1

Эта функция создаст элемент <a> и назначит для него ссылку на скачивание, затем щелкните по нему.

function download() {
  var link = document.createElement("a");
  link.setAttribute("href", document.getElementById("download").value);
  link.setAttribute("download", "");
  link.click();
}

Ваша кнопка должна выглядеть следующим образом: *

<button class="btn btn-primary" onclick="download()">Download</button>