转到instagram页面

alen0pnh  于 2021-09-23  发布在  Java
关注(0)|答案(1)|浏览(344)

你好,朋友,我有一个文本输入和一个链接在这个输入中,我们必须输入instagram id并点击链接才能进入所需页面如何使用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/${input}?utm_媒体=复制_链接
相反${input}应该包括我们在输入中输入的id!

v1uwarro

v1uwarro1#

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>

相关问题