/Html/How to toggle hover display text of button on click

How to toggle hover display text of button on click

// Use title attribute to show text on hover
<button type="button" id="eye" title="Show Password" class="btn btn-light" onclick="show()"> <i class="fa fa-eye"></i> </button>

<script>
    function show() {
        var y = document.getElementById("eye");
        if (x.title === "Show Password") {
            y.title = "Hide Password";
        } else {
            y.title = "Show Password";
        }
    }
</script>

Similar codes

2 votes130 views2 answers
Select change event
Html
12 votes169 views5 answers
Meta refresh url
Html
0 vote162 views1 answer
Thymeleaf html xmlns intellij setup
Html
1 vote185 views1 answer
Redirect to folder html
Html
2 votes183 views1 answer
Ion-searchbar debounce
Html
0 vote172 views1 answer
How to image src xml url link
Html
0 vote176 views1 answer
Bootstrap colored link
Html
0 vote156 views3 answers
::all()
Html
1 vote184 views2 answers
Jquery change document title
Html
0 vote163 views1 answer
Tinymce image upload
Html