CODEWITHSUNDEEP
javascripthtml
Heron
Heron

Reputation: 329

How to send value of button to textBox?

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=""/>

Upvotes: 0

Views: 5790

Answers (4)

Hocien Elmoustaf
Hocien Elmoustaf

Reputation: 41

<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;
    });
};

Upvotes: 0

Hocien Elmoustaf
Hocien Elmoustaf

Reputation: 41

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

Upvotes: 0

geevee
geevee

Reputation: 5451

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.

Upvotes: 1

Nishu Tayal
Nishu Tayal

Reputation: 20840

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/

Upvotes: 0

Related Questions