/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 vote147 views2 answers
How to make a tag in html
Html
29 votes168 views4 answers
Html starter template
Html
4.8K votes256 views0 answer
Grepper
Html
27 votes156 views3 answers
Space bar html
Html
2 votes151 views2 answers
How to create a search bar like google in html
Html
0 vote155 views1 answer
Ipad web hide interface html
Html
0 vote142 views1 answer
As onclick delete this html tag
Html
0 vote141 views1 answer
Invisible element html
Html
0 vote145 views1 answer
Boostrap base theme
Html
6 votes152 views4 answers
D3
Html