/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 votes179 views2 answers
Python jupyter markdown color
Html
55 votes257 views6 answers
Basic html template
Html
0 vote190 views1 answer
Boostrap thymeleaf modal
Html
74 votes228 views6 answers
Html links
Html
32 votes184 views6 answers
Border class bootstrap
Html
36 votes182 views6 answers
Html iframe tag
Html
0 vote225 views1 answer
Html quize
Html
0 vote163 views1 answer
How to create a text that will redirect to anothe page in new tab
Html
8 votes198 views2 answers
How to include href in image
Html
0 vote187 views1 answer
Use jquery variable in html
Html