Блог

Главная - Вопросы по программированию - Перейдите на страницу instagram

Перейдите на страницу instagram

#javascript #html #input

Вопрос:

Здравствуйте друзья У меня есть текстовый ввод и ссылка В этом вводе мы должны ввести идентификатор Instagram и нажать на ссылку, чтобы перейти на нужную страницу Как это сделать с помощью JavaScript?

  <div class="container">
        <div class="main">
            <input type="text"placeholder="instagram ID"
            id="IG-page">
          <a href="#"target="__blank"id="link">go to page</a>
        </div>
    </div>

Ссылка на страницу в Instagram:

https://instagram.com/${ввод}?utm_medium=ссылка для копирования

Вместо ${input} должен быть включен идентификатор, который мы ввели при вводе!

Комментарии:

1. <a href="https://instagram.com/${input}?utm_medium=copy_link" target="__blank"id="link">go to page</a>

Ответ №1:

 let igInput = document.getElementById('IG-page')

function changeLink() {
  let link = document.getElementById('link');
  link.href = `https://instagram.com/${igInput.value}?utm_medium=copy_link`
}

igInput.addEventListener('change', changeLink) 
 <div class="container">
  <div class="main">
    <input type="text" placeholder="instagram ID" id="IG-page">
    <a href="#" target="__blank" id="link">go to page</a>
  </div>
</div>
Метки: