Input switch from password to text

example.html

<input id="api-token" type="password" value="" readonly data-select />
<button data-token-reveal="api-token" data-alternate-text="Hide">Show</button>

example.js

$('[data-token-reveal]').on('click', function (el) {
  const alternateText = $(this).data('alternate-text');
  const input = document.getElementById($(this).data('token-reveal'));
  if (input.type === 'password') {
    input.type = 'text';
  } else {
    input.type = 'password';
  }
  $(this).data('alternate-text', $(this).text());
  $(this).text(alternateText);
});

$('[data-select]').on('click', function () {
  $(this).select();
});

An example on how to create an input field with a token or a password and a button to show/hide its content. In addition, when the user clicks on the input field, the text is automatically selected to simplify the process of copy/paste