Javascript 使用另一个输入元素的值按输入类型submit调用函数

我有一段代码，它在keyup上调用一个函数，但我不想经常调用它，因为如果你输入一个域名keyup会经常被触发，所以我做了一个提交按钮，但我不知道如何使用第一个输入标记的值调用函数。。我首先使用了这个.value，但在另一个元素上可能不起作用。谢谢你的帮助

<form>
Hostname: <input type="text" id="input" onkeyup="ping(this.value)">
<input type="submit">
</form>

主机名：

如何使用第一个输入标记的值调用函数

您可以尝试匹配第一个元素的

querySelector（）

：

document.querySelector('input[type=text]').value

演示：

函数ping（v）{
控制台日志（v）
}

主机名：

这也会执行onkeyup函数，我想在按钮上执行它click@Linus，在这种情况下，使用按钮上的单击事件，更新答案，请检查：）感谢您的帮助，现在POST请求看起来是这样的：“domain.tld/example/example.php？q=ping”，输入“domaintechnik.at”，但应该是这样的“domain.tld/example/example.php？q=domaintechnik.at”。它在@Mamun之前工作