[ad_1]
\n<\/p>\n
I assume you are using a stand input control, and let us assume text… First you will have to put the form in your HTML, so in our JavaScript we can find the input using its the id. We also need a button, a regular button, not a submit button, for the user to click on when he decides to give in his input. We will attach a click event so that when our user clicks our JavaScript starts working So here is a start for our HTML:<\/p>\n
<input type=\"text\" id=\"input\">\n<button onclick=\"setClick()\">\n Submit\n<\/button>\n<\/code><\/pre>\nJust before you say, “Yeah! I KNOW that!”, let us look at the JavaScript side… We need to first get the textbox’s value, So that when it is clicked the textbox’s value<\/code> property is fetched and inserted into the variable input<\/code>.. So here is the JavaScript:<\/p>\nfunction setClick()\n{\n var input = document.getElementById('input').value; \n \/\/saves the current value of the textbox into the input variable\n alert(input);\n}\n\/*\n So now each time the button is clicked the variable \"input\" is assigened\n the textbox's value\n*\/\n<\/code><\/pre>\nComplete Code<\/h1>\n<!DOCTYPE html>\n<html>\n<head>\n<title>\nSubmit\n<\/title>\n<script type=\"text\/javascript\">\nfunction setClick()\n{\n var input = document.getElementById('input').value; \n \/\/saves the current value of the textbox into the input variable\n alert(input);\n}\n \/*\n So now each time the button is clicked the variable \"input\" is assigened\n the textbox's value\n *\/\n<\/script>\n<body>\n<input type=\"text\" id=\"input\">\n<button id=\"submit\" onclick=\"setClick()\">\n Submit\n<\/button>\n<\/body>\n<\/html>\n<\/code><\/pre>\n<\/p><\/div>\n