Javascript 使用用户输入将输入传递给函数的html

因此，我第一次使用html/javascript，我需要通过框/按钮获取用户输入，并使用该数据调用函数，如下所示：

<input id="xstart" type="number" min="0" max = "100"/>
<input id="ystart" type="number" min="0" max = "100"/>
<input id="zstart" type="number" min="0" max = "100"/>
<input id="clickit" type="button" value="click" onclick="myfunc(xstart, ystart, zstart);" />

function myfunc(num0, num1, num2) { do things with it }

函数myfunc（num0，num1，num2）{用它做事}

我不知道如何让它工作，它似乎调用了myfunc，但它崩溃了，因为xstart、ystart和zstart中的值实际上不是数字，我认为它们是字符串，但我不确定

对于程序员来说，关于这类事情的任何帮助或教程链接都会很有帮助。

---

谢谢。

首先，我向您推荐，这样可以更容易地调试，更自由

您可以在JS中将

myFunc

绑定到

#单击它

，如下所示：

document.getElementById('clickit').addEventListener('click', myFunc);

然后在

myFunc

中获取值并使用它们

parseInt

将它们转换为数字。以下是完整的代码：

var xInput = document.getElementById('xstart'),
    yInput = document.getElementById('ystart'),
    zInput = document.getElementById('zstart');

document.getElementById('clickit').addEventListener('click', myFunc);

function myFunc(){
    var xstart = parseInt( xInput.value ),
        ystart = parseInt( yInput.value ),
        zstart = parseInt( zInput.value );
    alert( xstart + ', ' + ystart + ', ' + zstart);
}

---

我们不是来向您介绍文档的，我们是来帮助您解决特定的编程问题的。请阅读常见问题！打开控制台，你会看到一些错误。您不能像这样添加要传递的输入的ID，这会出错，编译器认为您传递的是变量

xstart

，

ystart

，

zstart

，因为不提倡内联事件处理，请投我一票！是的，我完全错了。谢谢你纠正我，斯特林。谢谢你的答案和编码技巧，非常感谢！