Javascript 如何从输入元素传递参数_Javascript_Html

Javascript 如何从输入元素传递参数

javascript html

Javascript 如何从输入元素传递参数,javascript,html,Javascript,Html,我想使用一个输入值作为通过onclick方法的“doubleSize”函数的参数 <!DOCTYPE html> <html> <head> <script> function doubleSize(x) { ....//some code } </script> </head> <body> <p> Give a number : <input id="inpt"

我想使用一个输入值作为通过onclick方法的“doubleSize”函数的参数

<!DOCTYPE html>
<html>
<head>

<script> 

function doubleSize(x)
{

        ....//some code

}
</script>
</head>

<body>
<p> Give a number :
<input id="inpt" type="text"></p>
<button id="but" type="button" onclick="doubleSize('????')" >click me!</button>
<div><span id="result"></span>
</div>
</body>
</html>


函数倍大小（x）
{
..//一些代码
}
给出一个数字：

点击我！

试着像这样传递它：

onclick="doubleSize(document.getElementById('inpt').value)"

您必须将函数置于头部

<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me!</button>

点击我！
给你：小提琴：

点击我！
Input本身还是它的值？输入的值。那么@Shryme solution就可以了。请注意，该值将是一个字符串而不是数字。为什么要添加与mehdi相同的精确答案，mehdi已经编写了与我相同的精确答案？因为您没有提供fiddle。你好像是新来的。对于同一个问题，您可以有多个答案，只要您添加更多选项并更清楚地说明。您应该阅读stackoverflow的常见问题部分。哦，顺便说一句，我的答案在他的：P之前。因此他的答案在顶部。我：15分钟前回答，你：10分钟前回答它在顶部，因为它被接受了，我不认为在一行代码中添加一个提琴是有用的，因为有时候OP在复制粘贴他们正在做的事情时会遗漏部分。给出一个可视化的东西来说明它是如何工作的总是很有帮助的。是的，要回答您的问题，如果您编辑您的答案，它将位于顶部，因为它将成为最新的。我认为我需要类似于
code
onclick=“doubleSize（javascript:document.getElementById（'inpt'）.value）”
code
您不需要像这样指定javascript，因为它已经是onclick中的javascript，这就是为什么您可以执行onclick=“alert（1）”并弹出警报。
<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me!</button>