/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

2 votes178 views1 answer
Default html structure
Html
0 vote154 views1 answer
Basis html pagina
Html
2 votes212 views2 answers
Audio controls tag html
Html
1 vote179 views1 answer
Empty link
Html
14 votes180 views2 answers
Accordion
Html
17 votes155 views2 answers
Dropdown in html
Html
2 votes168 views4 answers
Html autocomplete
Html
0 vote229 views1 answer
Coding a classic grid in html
Html
9 votes166 views2 answers
Html hidden
Html
0 vote205 views1 answer
Npm package private
Html