/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

25 votes116 views2 answers
Css for displaying image center
Html
0 vote122 views1 answer
Is there an opposit of onerror html
Html
1 vote101 views1 answer
Html preselected radio button
Html
0 vote118 views1 answer
Not allow decimal in input type number
Html
3 votes111 views1 answer
Jumbotron with cards
Html
51 votes137 views4 answers
Add link to text html
Html
0 vote107 views1 answer
Tick html code
Html
0 vote123 views1 answer
Click on div with class javascript
Html
0 vote105 views1 answer
Expression value in htmlhelper
Html
5 votes106 views2 answers
Html disable drag image
Html