/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

1 vote344 views1 answer
Change date format in html
Html
3 votes297 views1 answer
Html input change default error message
Html
2 votes326 views1 answer
How to switch between html pages
Html
0 vote315 views1 answer
Html href click not refresh
Html
0 vote272 views2 answers
Tailwindcss dynamic timeline
Html
3 votes299 views4 answers
How to right align a text button
Html
0 vote292 views1 answer
How to take input from user in html
Html
0 vote298 views1 answer
Tutorialspoint html
Html
186 votes358 views6 answers
Open new tab href
Html
0 vote297 views1 answer
Vue src string concatenation
Html