/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

0 vote179 views1 answer
Excel to html table online
Html
17 votes180 views2 answers
Html new target
Html
0 vote194 views1 answer
Country select in bootstrap form
Html
1 vote173 views1 answer
HTML started template for bootstrap
Html
0 vote191 views1 answer
<body> tag
Html
0 vote132 views1 answer
Link em imagem html
Html
-3 votes178 views6 answers
Bootstrap toast
Html
0 vote163 views1 answer
Remove blank rows in html vs code
Html
0 vote179 views1 answer
Wordpress customizer sections default
Html
0 vote181 views2 answers
Responsive Web Design
Html