JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <input type="text" class="regular-text" value="<?php echo get_the_author_meta( 'videolink1', $user_id )?>" id="videolink1" name="videolink"><br/>
<input type="text" class="regular-text" value="<?php echo get_the_author_meta( 'videolink2', $user_id )?>" id="videolink2" name="videolink"><br/>
<input type="text" class="regular-text" value="<?php echo get_the_author_meta( 'videolink3', $user_id )?>" id="videolink3" name="videolink"><br/>
<script>

    $('input[name]').one('click', function(){
      var idString = $(this).text() + ' = ' + $(this).attr('id');
      $(this).text(idString);
    });
</script>

</body>
</html>