Add Text to input On Click

Question

I want to type kappa in input on image click. I have this code but it seems like it doesn't work...

document.getElementById("kappa").addEventListener('click', function () {
    var text = document.getElementById('usermsg');
    text.value = (text.innerHTML + ' kappa ');
});

<a href="#" id="kappa"><img src='http://placehold.it/50x50' width='100px'></a>
<br>
<input type="text" id="usermsg">

Where did I made a mistake? And how can I solve it?

Praveen Kumar Purushothaman · Accepted Answer · 2015-09-19 16:06:45Z

3

Use value instead of text:

document.getElementById("kappa").addEventListener('click', function () {
    var text = document.getElementById('usermsg');
    text.value = (text.value + ' kappa ');
    return false;
});

And give a return false to make it not follow the link.

Fiddle: http://codepen.io/anon/pen/QjELxJ

answered Sep 19, 2015 at 16:06

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mad · Accepted Answer · 2015-09-19 16:54:03Z

0

do the following:

    document.getElementById("kappa").addEventListener('click', function(evt) {
        document.getElementById("usermsg").value = "kappa";
    });

edited Sep 19, 2015 at 16:54

answered Sep 19, 2015 at 16:45

mad

12 bronze badges

Collectives™ on Stack Overflow

Add Text to input On Click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related