/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 votes167 views1 answer
Ng bootstrap input
Html
0 vote150 views1 answer
Angular check active route
Html
1 vote183 views1 answer
Select all text in textarea javascript
Html
0 vote161 views4 answers
Parcel
Html
0 vote155 views2 answers
How to disable copying in HTML
Html
2 votes155 views3 answers
Meta theme-color
Html
14 votes191 views6 answers
Card bootstrap
Html
1 vote168 views1 answer
Ver pdf html5
Html
44 votes149 views6 answers
Comment in html
Html
0 vote147 views1 answer
Asp.net get innerhtml of div
Html