Tengo una página web php con mucha información, algunas de ellas son bastante sensibles y me gustaría ocultarlas y la posibilidad de mostrarlas.

Mi página web está construida así para mostrar la información:

 echo '<b>Login :</b> ' . $data['Login'] . '<br \>'; echo '<b>MDP :</b>' . decrypt($data['MDP'], $passkey) . '';

Así que estoy trabajando en un pequeño código Javascript para ocultar/mostrar el MDP. No está terminado (porque solo funciona a la mitad), se ve así:

 <span class="visible">My text to hide</span><br \> <span class="visible">My other text to hide</span><br \> <button id="Replace" onclick="replace()">Change content</button> <script> window.onload = function(){ document.getElementById("Replace").addEventListener( 'click', replace); } var Visible = document.getElementsByClassName('visible'); var HiddenText = document.getElementsByClassName('hiddentext'); var OriginalText = new Array(); for (var k = 0; k< Visible.length; k++){ OriginalText[k] = Visible[k].innerHTML; } function replace() { if (Visible != null){ for (var i = 0; i< Visible.length; i++){ Visible[i].innerHTML = '*****'; Visible[i].className = 'hiddentext'; } }else{ for (var j = 0; j< HiddenText.length; j++){ HiddenText[j].innerHTML = OriginalText[j]; HiddenText[j].className = 'visible'; } } } </script>

No sé por qué parece que solo funciona una vez. Reemplazó el texto con las estrellas y la clase cambió bien, pero cuando lo uso de nuevo, no pasa nada.

Probé el código por separado (ambos forman parte del si) y todo funciona bien. Estoy lejos de ser un experto en código, así que probablemente me esté perdiendo algo, tal vez alguien pueda ayudarme.