How to pass text in a textbox to JavaScript function

Question

Suppose I have the following HTML code  how can I pass the user s input to execute str  JavaScript function as an argument    lt body gt    lt input name  textbox1  type  text    gt   lt input name  buttonExecute  onclick  execute   send the user s input in textbox1 to this function     type  button  value  Execute    gt    lt  body gt

User · Answer

if I have understood correct the question :

_x000D_

<!DOCTYPE HTML>_x000D_
<HEAD>_x000D_
<TITLE>Passing values</TITLE>_x000D_
<style>_x000D_
</style>_x000D_
</HEAD>_x000D_
Give a number :<input type="number" id="num"><br>_x000D_
<button onclick="MyFunction(num.value)">Press button...</button>_x000D_
<script>_x000D_
function MyFunction(num) {_x000D_
   document.write("<h1>You gave "+num+"</h1>");_x000D_
}_x000D_
</script>_x000D_
</BODY>_x000D_
</HTML>

_x000D_

User · Answer

document getElementById  textbox1   value

User · Answer

You can get textbox value and Id by the following simple example in dotNet programming   lt html gt           lt head gt            lt script type  text javascript  gt               function GetTextboxId Value textBox                                       alert textBox value         To get Text Box Value Text                   alert textBox id           To get Text Box Id like txtSearch                          lt  script gt                lt  head gt    lt body gt    lt input id  txtSearch  type  text  onkeyup  GetTextboxId Value this     gt    lt  body gt    lt  html gt

User · Answer

You could either access the element   s value by its name   document getElementsByName  textbox1       returns a list of elements with name  textbox1  document getElementsByName  textbox1   0     returns the first element in DOM with name  textbox1    So    lt input name  buttonExecute  onclick  execute document getElementsByName  textbox1   0  value   type  button  value  Execute    gt    Or you assign an ID to the element that then identifies it and you can access it with getElementById    lt input name  textbox1  id  textbox1  type  text    gt   lt input name  buttonExecute  onclick  execute document getElementById  textbox1   value   type  button  value  Execute    gt

User · Answer

This is what I have done   Adapt from all of your answers    lt input name  textbox1  type  text  id  txt1   gt   lt input name  buttonExecute  onclick  execute document getElementById  txt1   value   type  button  value  Execute    gt    It works  Thanks to all of you

User · Answer

As opposed to passing the text as a variable  you can use the DOM to retrieve the data in your function   var text   document getElementsByName  textbox1   value

User · Answer

You could just get the input value in the onclick-event like so   onclick  execute document getElementById  textbox1   value      You would of course have to add an id to your textbox

[javascript] How to pass text in a textbox to JavaScript function?

Examples related to javascript

Examples related to html