/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

-4 votes318 views6 answers
Headings in html
Html
1 vote287 views3 answers
Regex remove html tags
Html
-1 vote337 views1 answer
Howt o get redirected to another page using a button in HTML using Python using Flask
Html
1 vote291 views1 answer
Bootstrap upload image plugin for html
Html
1 vote330 views1 answer
Html to pdf npm
Html
74 votes306 views6 answers
Html button link
Html
0 vote328 views3 answers
Smooth scroll button by element id
Html
0 vote283 views1 answer
How to add video in html background
Html
0 vote313 views1 answer
Markdown new page break
Html
0 vote300 views1 answer
OpenGraph 4
Html