转到instagram页面

alen0pnh 于 2021-09-23 发布在 Java

关注(0)|答案(1)|浏览(349)

你好，朋友，我有一个文本输入和一个链接在这个输入中，我们必须输入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！

JavaScript Html Input

来源：https://stackoverflow.com/questions/68326627/go-to-instagram-page

1条答案

按热度按时间

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>

赞(0）回复(0）举报 2021-09-23

我来回答

转到instagram页面

1条答案

相关问题

热门标签

最新问答