display text in text field using javascript for multiple characters

Question

I would like to use JavaScript to display text in an input text field using JavaScript. I can achieve this using individual lines of code for each character(9, 10, e...), but I can't consolidate this into one line of code which I know is possible. When I try consolidating, nothing shows up in the text area or it will just flash, but doesn't stay on the screen.

Here's my working code which works great, but I don't want to type this code for every character I want.

HTML

<form name="frm">
  <input type="text" name="result">
  <input type="button" name="3" value="7" onClick="run7()">
  <input type="button" name="4" value="8" onClick="run8()">
  <input type="button" name="3" value="9" onClick="run9()">
</form>

Javascript:

function run7(){
document.frm.result.value += "7";
}
function run8(){
document.frm.result.value += "8";
}
function run9(){
document.frm.result.value += "9";

Here's a list of things I triedI tried but did not work:

var character = document.getElementById('id').value;
document.frm.result.value = character;

I even changed the inputs to buttons

var character = document.getElementById('id').innerHTML;
document.frm.result.value = character;

var character = document.getElementById('id').innerHTML.value;
document.frm.result.value = character;

var character = document.getElementById('id').value.innerHTML;
document.frm.result.value = character;

var textField = document.frm.result;
function runEverything() {
 textField.onclick(function) {
   textField = document.getElementById('id').innerHTML;
 }
}

Of course I'm still a virgin to Javascript. But seriously, what I'm I missing here?

Paulo Segundo · Accepted Answer · 2015-02-03 01:34:26Z

1

try this:

<form>
    <input type="button" name="3" value="7" onClick="run(this)">
    <input type="button" name="4" value="8" onClick="run(this)">
    <input type="button" name="3" value="9" onClick="run(this)">
</form>

function run(src){
    document.frm.result.value += src.value;
}

answered Feb 3, 2015 at 1:34

Paulo Segundo

4483 silver badges6 bronze badges

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

2 Comments

user2856111 Over a year ago

Interesting! This worked. I had no idea that you could add " this" as a parameter. Thanks. Any recommendations for javascript learning resources ?

Paulo Segundo Over a year ago

w3schools.com/js and developer.mozilla.org/en-US/docs/Web/JavaScript can be a nice start

Collectives™ on Stack Overflow

display text in text field using javascript for multiple characters

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related