отал над проектом, который требует, чтобы я реализовал кнопку Показать / Скрыть в поле пароля формы, который переключается между отображением пароля в виде открытого текста и скрытием его за звездочками.

Что я придумал до сих пор:

function pass(){ document.getElementById('password').type="password"; } 
function text(){ document.getElementById('password').type="text"; }

<input type="password" id="password" />
<button class="ui-component__password-field__show-hide" type="button" onclick="text()">Show</button>

Он отлично работает для переключения на отображение пароля, но как мне заставить его изменить текст кнопки на «Скрыть», как только пароль будет показан, и заставить его выполнять функцию pass ()?