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

Question

我有一个 Web 表单，用户可以在其中输入一个人的名字，然后单击一个按钮打开有关该人的页面。例如他们键入 Player One，它运行一个打开文件 C:\PlayerOne 的函数。

我试过使用 <button>标记并添加 onclick元素来运行该功能，但我也无法在那里诊断问题。我不太熟悉事件监听器的东西，但我在[这里] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/button ) 看到了它，所以我想我会尝试那样做。

<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>  

我希望用户能够键入名称并打开相应的文件，如上所述。但是，此时的按钮什么都不做。我确实有一个测试文件供其引用，我一直在表单的字段中输入名称。

Answer 1

这是因为您的表单中没有 button 标签。像这样使用属性选择器:

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