当用户单击按钮时，如何使html运行javascript函数？

我有一个web表单，用户可以在其中键入一个人的姓名，然后单击按钮打开一个关于此人的页面。e、 g.他们输入Player One，它运行一个函数，打开文件C:\PlayerOne

我尝试使用

标记并添加

onclick

元素来运行函数，但我也无法诊断那里的问题。我不太熟悉事件监听器的东西，但我[在这里]（）看到了，所以我想我应该用这种方式来代替

<form>
  <fieldset>
    <legend>Enter player name: </legend>
    First name:<br>
    <input type="text" name="firstname"><br>
    Last name:<br>
    <input type="text" name="lastname"><br><br>
    <input type="button" value="Submit">
  </fieldset>

  <script>
    const input = document.querySelector('button');
    input.addEventListener('click', UseData);
    function UseData()
        {
        var Fname=document.GetElementById('firstname');
        var Lname=document.GetElementById('lastname');
        window.location = "C:\" + Fname + Lname;
        }
  </script>
</form>  

输入玩家名称：
名字：



姓氏：




const input=document.querySelector（'button'）；
input.addEventListener（“单击”，使用数据）；
函数UseData（）
{
var Fname=document.GetElementById（'firstname'）；
var Lname=document.GetElementById（'lastname'）；
window.location=“C:\”+Fname+Lname；
}

---

我希望用户能够键入名称并打开相应的文件，如上所述。但是，此时的按钮根本不起任何作用。我确实有一个供它参考的测试文件，我一直在表单的字段中键入它的名称。

这是因为表单中没有

按钮

标记。使用属性选择器，如下所示：

const input = document.querySelector('input[type="button"]');

---

下面是我编写的一个类似代码的示例，其中涉及一个触发函数的按钮

按钮：

 <button onclick="theFunction()">sampletext</button>

---

在我的示例中，该按钮用于显示/隐藏div。单击“我的”按钮将触发更改div可见性的函数。

GetElementById

错误

GetElementById

正确知道如何调试与知道语言/技术的语法和模型同样重要。我建议您在Chrome中打开页面，点击“F12”按钮查看web inspector控制台。它将打开一个全新的世界。单击“控制台”菜单项并单击按钮-它将告诉您问题所在。

    var x = document.getElementById("sampleElement");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}