Change the value of a text box using javascript upon clicking

Question

In this program, i want to show the answer in the other textbook once the textbook contains a value is clicked. Also I want to do this without using a calculate button.

So i tried to implement this but failed.

 function mm() {



   if (isNaN(document.getElementById("m"))) {
     console.log("Null");


   } else {
     console.log("OK");

     var x = document.getElementById("m").value;
     var y = x * 1000;

     document.getElementById("mm")[0].innerHTML = y;


   }

 }

 function m() {


   if (isNaN(document.getElementById("mm"))) {
     console.log("Null");

   } else {

     console.log("OK");
     var x = parseInt(document.getElementById("mm").value);
     var y = x / 1000;
     document.getElementById("m")[2].innerHTML = y;

   }


 }

<div>
  <table>
    <tr>
      <td>mm</td>
      <td>
        <Input type='text' name='mm' onclick="mm();" />
      </td>
    </tr>

    <tr>
      <td>m</td>
      <td>
        <Input type='text' name='m' onclick="m();" />
      </td>
    </tr>

  </table>
</div>

I think you probably wanna do something like http://stackoverflow.com/questions/6458840/on-input-change-event — Kevin Friedheim, Oct 16 '15 at 01:58

score 2 · Accepted Answer · answered Oct 16 '15 at 02:45

So finally I was able to get my code working using the on input event.

function mm(p) {





  console.log("OK");

  var x = p;
  var y = x * 1000;

  document.getElementById("mm").value = y;



}

function m(p) {


  console.log("OK");
  var x = p;
  var y = x / 1000;
  document.getElementById("m").value = y;

}

<table>
  <tr>
    <td>m</td>
    <td>
      <Input type='text' id='m' oninput="mm(this.value);" />
    </td>
  </tr>

  <tr>
    <td>mm</td>
    <td>
      <Input type='text' id='mm' oninput="m(this.value);" />
    </td>
  </tr>

</table>

Change the value of a text box using javascript upon clicking

1 Answers1