JSFiddle - React, Tailwind, and code Playground

by Debarupa

HTML

<input id="UserName"  type="text" value="" placeholder="<Username>" name="UserName">


<input type="button" value="Sign-In" id="btnSubmit" />

JavaScript

var user1 = {};
   var user2 = {};
   var user3 = {};
   var user4 = {};
   var user5 = {};

$("#btnSubmit").click(function () {
       var uname = $("#UserName").val();
       var iUser = 0;
       //alert("here: " + uname);

       var i = 0;
       for (i = 1; i < 6; i++) {
         var userObject = "user" + i;

         if (userObject.uname == uname) {
           iUser = i;
           break;
         }
       }

       //alert("iUser: " + iUser);
    alert("user1.uname: " + user1.uname); //msg1

       if (iUser == 0) {
         for (i = 1; i < 6; i++) {
           var userObject2 = "user" + i;

           if (typeof userObject2.uname == 'undefined') {
             alert("user" + i + ".uname: " + userObject2.uname); //msg2
             //userObject.uname = uname;
             //break;
           }
         }
         user1.uname = uname;
       }
       else {
         var myUser = "user" + iUser;
         myUser.uname = uname;
       }

     });