How on button click from textarea/input put text in a href?

Question

JavaScript

How to make an input field in native js that, on button click, will replace the content of ahref with the content of textarea/input?

<textarea name="siteaddress" cols="150" rows="5"></textarea>
<button name="open">Открыть</button>
<a href="https://learn.javascript.ru/"></a>

Answer 1

const button = document.querySelector(`.open`); // изменить name на клас
const textarea = document.querySelector(`.siteaddress`);
const link = document.querySelector('a');

button.addEventListener(`click`, (e) => {
  e.preventDefault();

  link.href = textarea.value;
});