如何将函数和 href 添加到 javascript 单个 onclick 函数？

Question

我想在 URL 旁边添加一个 javascript 变量值。我会用下面的代码来解释。

首先我想在 URL 中取一个名字，我使用下面的代码来做到这一点，

<script type="text/javascript">
  const queryString = window.location.search;
  const urlParams = new URLSearchParams(queryString);
  var name = urlParams.get('name');
</script>

然后我想预览变量的值，如下所示：

<script>
   document.write(name);
</script>

然后我想获取用户名作为输入。为此，我使用了提示。

<script type="text/javascript" language="Javascript">
  function getYourName() {
    name=prompt("Enter you name here");
  }  
</script>

然后我想分享一个网页URL，用户名是'get'方法，

<a target="blank" href="#" onclick="getYourName(); this.href='whatsapp://send?text=Click here to see magic_ ->https://*sample*.com'+'?name='+**name**;"  data-action="share/whatsapp/share">Share</a>

但是它不起作用！我想将 link 生成为

> Click here to see magic_ -> https://sample.com?name=USER_ENTERED_NAME

如何将变量的值整合到link中？

Answer 1

您可以在函数 getYourName()

中插入 link

function getYourName() {
    const name=prompt("Enter you name here");
    location.href = "https://sample.com?name="+name;
}

你必须在onclick中取消你的href属性。

如何将函数和 href 添加到 javascript 单个 onclick 函数？

How do I add a function and href to javascript single onclick function?

javascript

variables

url

function

onclick