JSFiddle - React, Tailwind, and code Playground

by Shilpi Singh

HTML

<table>
     <tr>
      <td><input type="text" name="Input" id="Input"></td>
     </tr>
    </table>
    <table>
     <tr>
      <td><input type="button" value="Q" name="keyQ" onClick="AddDigit('Q')"></td>
      <td><input type="button" value="W" name="keyW" onClick="AddDigit('W')"></td>
      <td><button>E</button></td>
      <td><button>R</button></td>
      <td><button>T</button></td>
      <td><button>Y</button></td>
      <td><button>U</button></td>  
      <td><button>I</button></td>
      <td><button>O</button></td>
      <td><button>P</button></td>
     </tr>
    </table>

JavaScript

function AddDigit(digit){
    document.getElementById('Input').value=digit;
}