/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

3 votes209 views3 answers
Ss
Html
1 vote183 views1 answer
Randome code
Html
0 vote197 views1 answer
Js select option in form
Html
0 vote194 views1 answer
How to darken a color with sass function
Html
0 vote204 views1 answer
Html element hover helptext
Html
3 votes177 views2 answers
Html input for email
Html
0 vote182 views2 answers
React hooks html onchange two functions
Html
0 vote192 views1 answer
Html webcam filter effects
Html
0 vote190 views1 answer
Https://api.github.com/search/issues?q=windows+label:bug+language:python+state:open&sort=created&order=asc
Html
0 vote181 views1 answer
Html to flutter
Html