How to show and hide password in oracle apex

 1.    Go to P9999_PASSWORD Item >> Icon >> Paste the following code- 

           fa-key

2.     Advanced >> Custom Attributes >> Paste the following code

        onchange="htmldb_item_change(this)"  onkeydown="if (event.keyCode == 13)                                                     document.getElementById('LOGIN').focus();"

3.     Post Text >> paste the following code:

<span id="pass-status" class="fa fa-eye field-icon" aria-hidden="true" onClick="viewPassword()">

</span>

4.      Go to Page Properties >> Function and Global Variable Declaration >> Paste the following code- 

        function viewPassword()

{  var passwordInput = document.getElementById('P9999_PASSWORD');

  var passStatus = document.getElementById('pass-status');

  if (passwordInput.type == 'password'){

    passwordInput.type='text';

    passStatus.className='fa fa-eye-slash field-icon';    

  }

  else{

    passwordInput.type='password';

    passStatus.className='fa fa-eye field-icon';

  }}

5.    Page Properties >> Inline >> Paste the following code- 

        .field-icon {

    right : 5px;

    margin-left: -25px;

    margin-top: 14px;

    position: relative;

    z-index: 2;}