JSFiddle - React, Tailwind, and code Playground

by Sahin Deniz

HTML

<input type="text" name="textBox1" id="textBox1">
<input type="text" name="textBox2" id="textBox2">
<input type="text" name="textBox3" id="textBox3">
<input type="text" name="textBox4" id="textBox4">
<input type="text" name="textBox5" id="textBox5">
<input type="button" name="button" id="button" value="tıkla">

CSS

input{display:block;margin:3px;}

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';
        }
    });
}