How Can I Store Textbox Value In Variable?

Question

1.00/5 (2 votes)

See more:

I have single textbox. when buttons are clicked button value are displayed in textbox. What i want is to store value of textbox in some variable so that i can add these values later.

Here is my code:

XML

<html>
<head>
<title>
</title>
<script>
 window.onload = function() {
    document.getElementById('btnone').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnone').value;
    });
       document.getElementById('btntwo').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btntwo').value;
    });
    document.getElementById('btnthree').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnthree').value;
    });
    document.getElementById('btnfour').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnfour').value;
    });
    document.getElementById('btnadd').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnadd').value;
    });
}


</script>
</head>
<body>
<input type="button" name="btnone" id="btnone" value="1" onclick="setText1()"  />
 <input type="button" name="btntwo" id="btntwo" value="2" onclick="setText2()"  />
<input type="button" name="btnthree" id="btnthree" value="3" onclick="setText3()"  />
<input type="button" name="btnfour" id="btnfour" value="4" onclick="setText4()"  />
<br/>
<input type="button" name="btnadd" id="btnadd" value="+" onclick="setText+()"  />
<input type="button" name="btneql" id="btneql" value="=" onclick="setText=()"  />
<input type="text" name="textBox" id="textBox" value=""/>
</body>
</html>

Posted 13-Jul-15 19:41pm

Member 11808002

Add a Solution

Comments

Thanks7872 14-Jul-15 3:31am

And what is the problem? Such things can be found on Google very easily. Don't you think so?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Uzzal Kanti Barua · Answer 1 · 2015-07-13T19:55:00

Solution 1

var txtvalue=document.getElementById('textBox').value;

Posted 13-Jul-15 19:55pm

Uzzal Kanti Barua

Grant Weatherston · Answer 2 · 2015-08-14T03:56:00

Solution 2

if you're using jQuery you could also use..

JavaScript

$('#textBox').val();

Posted 14-Aug-15 3:56am

Grant Weatherston

Updated 14-Aug-15 4:26am

v3

Comments

Richard Deeming 14-Aug-15 10:24am

Well, you could, if your intention was to generate a javascript syntax error.

You need to terminate the string constant. You also need to provide a valid jQuery ID selector, starting with the # character. The ID is case-sensitive, so your selector needs to match the case of the ID attribute.

Grant Weatherston 14-Aug-15 10:26am

my bad i was writing on a mobile device, tricky. fixed it now