/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

8 votes266 views2 answers
Html link without opening new tab
Html
0 vote265 views1 answer
Invisible element html
Html
16 votes295 views3 answers
How to make a file downloadable in html
Html
1 vote255 views2 answers
Button to hide and show div
Html
7 votes283 views2 answers
How to make fat text in html
Html
0 vote270 views3 answers
How to set all to left on html
Html
0 vote285 views1 answer
User
Html
1 vote288 views2 answers
Form action in html
Html
0 vote268 views1 answer
Height 100% tailwind
Html
2 votes291 views1 answer
Vuejs v-for key value
Html