JSFiddle - React, Tailwind, and code Playground

by Sahin Deniz

HTML

<table width="200" border="1" cellpadding="3" cellspacing="0">
	<tr>
		<td align="center">
			<input type="text" name="textBox1" id="textBox1">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="text" name="textBox2" id="textBox2">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="text" name="textBox3" id="textBox3">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="text" name="textBox4" id="textBox4">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="text" name="textBox5" id="textBox5">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="button" name="button" id="button" value="tıkla">
		</td>
	</tr>
</table>

JavaScript

window.onload = function(){
    document.getElementById('button').addEventListener('click',function(e){
        txtBox=["textBox1", "textBox2", "textBox3","textBox4","textBox5"];
        for(i=0;i<5;i++) {
            document.getElementById(txtBox[i]).value=(i+1)+'.TextBox';
        }
    });
}