/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

3 votes126 views2 answers
Html option disabled
Html
1 vote93 views1 answer
Html color black
Html
1 vote104 views4 answers
How to stop screen rotation in android code
Html
0 vote52 views1 answer
Blizard.js print
Html
0 vote136 views1 answer
Input submit text
Html
2 votes123 views2 answers
Get current cpu utilization in percentage linux
Html
1 vote106 views1 answer
How to code table headings in html
Html
0 vote113 views1 answer
Add image to anchor
Html
3 votes101 views2 answers
Html input for email
Html
2 votes116 views1 answer
Link to google icons embed in my website
Html