/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 vote219 views1 answer
Ng-src
Html
0 vote187 views2 answers
Mobile app
Html
319 votes285 views6 answers
Fontawesome cdn
Html
3 votes187 views5 answers
Input max length
Html
0 vote207 views1 answer
Html icon animation
Html
0 vote201 views1 answer
How to youtube video running again and again html
Html
0 vote194 views2 answers
How to add html in useState
Html
14 votes212 views2 answers
Accordion
Html
0 vote211 views1 answer
Html select option text color
Html
10 votes202 views1 answer
Input type="file" and display image
Html