/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 vote144 views1 answer
Dont move img html
Html
1 vote156 views1 answer
Nuxt route id nuxt link
Html
1 vote139 views2 answers
Livewire file upload
Html
0 vote149 views1 answer
Tailwind ul list type
Html
37 votes195 views4 answers
Html svg
Html
0 vote170 views1 answer
Image background drawable android studio
Html
5 votes147 views2 answers
Html empty line
Html
5 votes150 views1 answer
How to stop download option in video tag of HTML
Html
63 votes139 views1 answer
Open link in new tab grepper
Html
0 vote155 views1 answer
Html peseta
Html