/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

24 votes144 views2 answers
Justify content flex end
Html
1 vote150 views1 answer
Okaycms not working after installation
Html
0 vote139 views1 answer
Input number html without e
Html
0 vote134 views1 answer
Set value of input ype color in html
Html
1 vote129 views1 answer
Vue toggle checkbox text
Html
0 vote222 views1 answer
A _target
Html
0 vote136 views1 answer
Google address suggestion is not working inside popup modal
Html
0 vote138 views1 answer
How to make a username and password in html
Html
0 vote142 views1 answer
Show image inside table with innerhtml
Html
0 vote143 views1 answer
Execute python script onclick html
Html