How to send value of button to textBox?

Question

I want to create a button with value = "7" (string) or value = 7 (double).

Also i want a textbox, that when i click said button the number 7 or the string "7" should also get written in that textbox.

My button:

<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7()"  />

My textBox:

<input type="text" name="textBox" id="textBox" value=""/>

Answer 1

here you go:

window.onload = function() {
    document.getElementById('btnSeven').addEventListener('click', function(){
        document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSeven').value;
    });
}

when getting a .value from a button object, it will always return a string, event if it's an int or double.

hope that helped.

Answer 2

Use following :

<script>
    function setText7(obj){
    var val = obj.value;
    console.log(val);
    document.getElementById('textBox').value = val;
}
</script>
<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7(this)">
<input type="text" name="textBox" id="textBox" value=""/>

Here is the working demo : http://jsfiddle.net/sh3Mz/

Answer 3

<div class="container">
    <input type="button" name="btnSeven" id="btnSeven" value="7" onclick="getthevalue()" />
    <input type="text" name="textBox" id="textBox" value="" />
    <h3 id="res"></h3>
</div>

function getthevalue() {
    document.getElementById('btnSeven').addEventListener('click', function() {
        document.getElementById('textBox').value = document.getElementById('textBox').value +
            document.getElementById('btnSeven').value;
    });
};

Answer 4

function getthevalue() { document.getElementById('btnSeven').addEventListener('click', function(){ document.getElementById('textBox').value = document.getElementById('textBox').value+ document.getElementById(' btnSeven').value; })};